Animated AI Chat Input

A polished, self-contained AI chat input built with React, TypeScript and Tailwind CSS. It features a rotating gradient border with a soft glow on focus, an auto-growing textarea, and animated placeholder prompts that cycle while the box is empty.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Animated AI Chat Input to your project and fits it to your theme.

// This is a file with a demo for your component
// That's what users will see in the preview
// Create new files in this directory to add more demos

import AnimatedAIChatInput from "@/components/ui/animated-ai-chat-input";

// ONLY DEFAULT EXPORT WILL BE TREATED AS A DEMO
export default function DemoOne() {
  return <AnimatedAIChatInput />;
}