AI-input
AI-input components, great for ai chat.
AI-input - with Figma
Installation
npm install motion lucide-reactUsage
import AIInput_01 from "@/components/xui/ai-input/ai-input-01";
export function MyComponent() {
return (
<div className="w-full max-w-md">
<AIInput_01 />
</div>
);
}Props
Each AI input variant has its own specific props. Refer to the individual component implementations for detailed prop information.
Dependencies
This component requires the following packages:
motion(framer-motion)lucide-react
AI-input - Slide In
AI-input - File Upload
AI-input - Suggestions
AI-input - with Search
AI-input - with Typing
AI-input - with chars limit
20/100 characters
AI-input - Disabled while thinking
AI is thinking...
AI-input - Voice mode
00:00
Click to speak
AI-input - Multiple selection
AI-input - Banners
AI-input - with Agents
Copywriter Agent
AI-input - Shared
Shared with 4 peoples
Sarah Chen, Emma Wilson are writing...
AI-input - with Blocks
Saved Tools
Most used
Translate to French
Summarize Text
Generate Title
History
Past chats
API Integration Help
Debugging Assistant
Code Review Session
AI-input - with Memory
AI-input - All-in-one
AI can make mistakes, use with caution.