Components
Loading preview...
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
@kokonutd
npx shadcn@latest add https://21st.dev/r/kokonutd/ai-inputimport { 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>
)
}