Components
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
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>
)
}Dependencies
Source
Published
Similar components
Explore more
Part of Kokonut UI — browse the full library on 21st.dev.