AI Input

A modern, animated textarea input component designed for AI chat interfaces. It features auto-resizing, a voice input toggle, and an animated submit button. Features: • Auto-resizing textarea • Voice input toggle • Animated submit button • Press Enter to submit (Shift+Enter for a new line) • Dark mode support • Customizable height limits • Smooth animations • Mobile responsiveness

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

import { AIInput } from "@/components/ui/ai-input"

export function AIInputDemo() {
  return (
    <div className="space-y-8 min-w-[400px]">
      <div>
        <AIInput 
          onSubmit={(value) => console.log('Submitted:', value)} 
        />
      </div>
    </div>
  )
}