# AI Chat Input components

> Browse 7 AI Chat Input components for React, styled with Tailwind CSS and ready for your Next.js project.

49 components available. Showing all of them below.

- [AI prompt Box](https://21st.dev/@easemize/components/ai-prompt-box.md) — by Hossain Jahed
- [v0 AI Chat](https://21st.dev/@kokonutd/components/v0-ai-chat.md) — by Kokonut Baffier
- [Animated AI Chat](https://21st.dev/@jatin-yadav05/components/animated-ai-chat.md) — by Jatin Yadav
- [Ruixen Moon Chat](https://21st.dev/@ruixen.ui/components/ruixen-moon-chat.md) — by Ruixen UI
- [AI Input With Loading](https://21st.dev/@kokonutd/components/ai-input-with-loading.md) — by Kokonut Baffier
- [AI Chat Input](https://21st.dev/@preetsuthar17/components/ai-chat-input.md) — by Preet Suthar
- [Claude Style AI Input](https://21st.dev/@suraj-xd/components/claude-style-ai-input.md) — by Suraj Gaud
- [AI Input With Search](https://21st.dev/@kokonutd/components/ai-input-with-search.md) — by Kokonut Baffier
- [Prompt Input dynamic grow](https://21st.dev/@zochory/components/prompt-input-dynamic-grow.md) — by Zachary BENSALEM
- [AI Input With File](https://21st.dev/@kokonutd/components/ai-input-with-file.md) — by Kokonut Baffier
- [Gradient AI Chat Input](https://21st.dev/@isaiahbjork/components/gradient-ai-chat-input.md) — by Isaiah
- [Ai chat input](https://21st.dev/@easemize/components/ai-chat-input.md) — by Hossain Jahed
- [AI Prompt Box](https://21st.dev/@johuniq/components/ai-prompt-box.md) — by johuniq
- [Creative Card](https://21st.dev/@ruixen.ui/components/creative-card.md) — by Ruixen UI
- [AI Chat Input](https://21st.dev/@baozhouqi/components/ai-chat-input.md) — by Zhouqi Bao
- [Ruixen Prompt Box](https://21st.dev/@ruixen.ui/components/ruixen-prompt-box.md) — by Ruixen UI
- [Promt Input with Actions](https://21st.dev/@ibelick/components/promt-input-with-actions/prompt-input-with-suggestions.md) — by Julien Thibeaut
- [AI Chat Input Block](https://21st.dev/@preetsuthar17/components/ai-chat-input-block.md) — by Preet Suthar
- [Video Generator Card](https://21st.dev/@ravikatiyar162/components/video-generator-card.md) — by Ravi Katiyar
- [Ai Chat Input](https://21st.dev/@ruixen.ui/components/ai-chat-input.md) — by Ruixen UI
- [HeroUI Input Group](https://21st.dev/@hero_ui/components/heroui-input-group/with-textarea.md) — by Hero Ui
- [Chatgpt Prompt Input](https://21st.dev/@easemize/components/chatgpt-prompt-input.md) — by Hossain Jahed
- [Claude-style Chat Input](https://21st.dev/@sensewood8/components/claude-style-chat-input.md) — by Saifullah Channa
- [Hero 1](https://21st.dev/@preetsuthar17/components/hero-1.md) — by Preet Suthar
- [Bolt Style Chat](https://21st.dev/@hurerag24/components/bolt-style-chat.md) — by Hurera Sheikh
- [Features](https://21st.dev/@meschacirung/components/features/features-marketing.md) — by Méschac Irung
- [AI Input](https://21st.dev/@kokonutd/components/ai-input.md) — by Kokonut Baffier
- [Ai Input](https://21st.dev/@reuno-ui/components/ai-input.md) — by reuno-ui
- [Multimodal AI Chat Input](https://21st.dev/@aghasisahakyan1/components/multimodal-ai-chat-input.md) — by Erik X
- [AI Assistant Card](https://21st.dev/@ahmedmayara/components/ai-assistant-card.md) — by Ahmed Mayara
- [Ruixen Query Box](https://21st.dev/@ruixen.ui/components/ruixen-query-box.md) — by Ruixen UI
- [Input Bar](https://21st.dev/@serafimcloud/components/input-bar.md) — by Serafim
- [Advanced Ai Chat Input](https://21st.dev/@ravikatiyar162/components/advanced-ai-chat-input.md) — by Ravi Katiyar
- [File Attachment](https://21st.dev/@serafimcloud/components/file-attachment.md) — by Serafim
- [File Attachment](https://21st.dev/@serafimcloud/components/file-attachment/removable.md) — by Serafim
- [Promt Input with Actions](https://21st.dev/@ibelick/components/promt-input-with-actions/prompt-input-with-autocomplete.md) — by Julien Thibeaut
- [Gradient Chat Input](https://21st.dev/@ruixen.ui/components/gradient-chat-input.md) — by Ruixen UI
- [File Attachment](https://21st.dev/@serafimcloud/components/file-attachment/image-only.md) — by Serafim
- [Send Button](https://21st.dev/@serafimcloud/components/send-button.md) — by Serafim
- [Attachment Button](https://21st.dev/@serafimcloud/components/attachment-button/paperclip.md) — by Serafim
- [Send Button](https://21st.dev/@serafimcloud/components/send-button/streaming.md) — by Serafim
- [Send Button](https://21st.dev/@serafimcloud/components/send-button/typing.md) — by Serafim
- [Mode Selector](https://21st.dev/@serafimcloud/components/mode-selector/inside-input-bar.md) — by Serafim
- [Attachment Button](https://21st.dev/@serafimcloud/components/attachment-button/without-handler.md) — by Serafim
- [Model Picker](https://21st.dev/@serafimcloud/components/model-picker/inside-input-bar.md) — by Serafim
- [Suggestions](https://21st.dev/@serafimcloud/components/suggestions/icons-text.md) — by Serafim
- [Conversation Bar](https://21st.dev/@ElevenLabs-crawled/components/conversation-bar.md) — by ElevenLabs
- [Ask Nexus Input](https://21st.dev/@nexus-ui/components/ask-nexus-input.md) — by Nexus UI
- [AI Suggestions](https://21st.dev/@pacekit/components/ai-suggestions.md) — by PaceKit

Full component directory: https://21st.dev/llms.txt