---
title: "Aura AI Chat — Free Framer component · Best of Framer"
description: "Free Framer component · by Prison Mike · Backgrounds. Customizable modern AI Chat"
canonical: "https://framer.elliotli.dev/component/aura-ai-chat"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Aura AI Chat

# Aura AI Chat

Customizable modern AI Chat

[View on Framer](https://framer.com/marketplace/components/aura-ai-chat/?via=elliot-li)

![Aura AI Chat preview image 1](https://framer.elliotli.dev/og/component/aura-ai-chat/4748f0cccb49fd90/1600x860.jpg)

## Summary

Customizable modern AI Chat

## Description

## **Aura — Premium AI Chat Widget**

**Elevate your site with a magnetic floating AI chat panel—polished, animated, and instantly production-ready.**

Aura is a premium AI chat widget featuring a glassmorphic design, smooth plasma-orb launcher, and sophisticated animations. Perfect for customer support, AI assistants, or interactive brand experiences.

### **What's Included**

-   **Magnetic Plasma Orb** — Canvas-drawn aurora gradient with cursor magnetism and breathing animations
    
-   **Glassmorphic Chat Panel** — Frosted glass design with light & dark themes, idle state with suggestion chips
    
-   **Rich Interactions** — Message bubbles, typing indicator, animated input waveform, smooth transitions
    
-   **Fully Customizable** — Control the assistant name, greeting, status, suggestions, position, animation speed, and theme—all via property controls
    
-   **Production-Ready** — Canned demo responses included; easily wire to your backend API
    
-   **Canvas-Safe** — Works beautifully on Framer's canvas and in preview/published sites
    
-   **Responsive & Performant** — Floating widget that pins to the viewport, doesn't disrupt page layout
    

### **Property Controls**

-   Assistant name & greeting
    
-   Subtitle & status line
    
-   Suggestion chips
    
-   Dark/light theme toggle
    
-   Bottom-left/right positioning
    
-   Cursor magnetism strength (0–1)
    
-   Animation speed multiplier
    

### **Get Started**

1.  Copy the code component to Framer
    
2.  Customize via property controls
    
3.  Connect to your backend by modifying the `replyFor` function
    

Perfect for startups, agencies, and designers building next-level conversational interfaces.

## Rank history [How rankings work →](/terms#rankings)

-   All · #5142

## Details

- **Author**: Prison Mike
- **Published**: 2026-07-14
- **Updated**: 2026-07-16
- **Added**: 2026-07-14
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background