Components
Loading preview...
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.
@muhammad-binsalman
npx shadcn@latest add https://21st.dev/r/muhammad-binsalman/glowing-ai-chat-assistantimport { FloatingAiAssistant} from "@/components/ui/glowing-ai-chat-assistant";
export default function DemoOne() {
return <FloatingAiAssistant/>;
}