# Glowing AI Chat Assistant

> A sleek, interactive AI chat assistant with a 3D glowing button that expands into a fully-featured chat interface when clicked. The component includes:  Floating 3D AI Logo – A visually striking button with dynamic glow effects, smooth animations, and hover interactions.  Expandable Chat Interface – A polished, gradient-enhanced chat box with:  Message input with character counter  File, link, and code attachment options  Voice input button  Animated send button with ripple effects  Smart UX Features – Auto-closes when clicking outside, supports keyboard shortcuts, and has a smooth pop-in animation.  Perfect for AI-powered apps, chatbots, or customer support widgets, this component delivers a modern, interactive experience with eye-catching visuals.

- Author: [M.bin Salman](https://21st.dev/@muhammad-binsalman)
- License: unknown
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@muhammad-binsalman/components/glowing-ai-chat-assistant

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/muhammad-binsalman/glowing-ai-chat-assistant?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt