# Chat Input components > Explore 18 React chat input components styled with Tailwind CSS for building modern messaging and conversational UIs in your Next.js apps. 84 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/chat-input. - [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 - [Chat Input](https://21st.dev/@Alwurts/components/chat-input.md) — by simple-ai - [Multimodal AI Chat Input](https://21st.dev/@aghasisahakyan1/components/multimodal-ai-chat-input.md) — by Erik X - [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 - [Input Bar](https://21st.dev/@serafimcloud/components/input-bar/toolbar-actions.md) — by Serafim - [Input Bar](https://21st.dev/@serafimcloud/components/input-bar/with-attachments.md) — by Serafim - [Gradient Chat Input](https://21st.dev/@ruixen.ui/components/gradient-chat-input.md) — by Ruixen UI - [The Input](https://21st.dev/@felipemenezes098/components/the-input/with-nested-input-group.md) — by felipemenezes098 - [Message Input block](https://21st.dev/@preetsuthar17/components/message-input-block.md) — by Preet Suthar - [Smart Paste Input](https://21st.dev/@ruixen.ui/components/smart-paste-input.md) — by Ruixen UI - [Chat Form Dropzone](https://21st.dev/@uilayout.contact/components/chat-form-dropzone.md) — by UI Layouts - [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 - [Glowing AI Chat Assistant](https://21st.dev/@muhammad-binsalman/components/glowing-ai-chat-assistant.md) — by M.bin Salman - [Hero 1](https://21st.dev/@preetsuthar17/components/hero-1.md) — by Preet Suthar - [Animated AI Input](https://21st.dev/@kokonutd/components/animated-ai-input.md) — by Kokonut Baffier - [AI Chat Input](https://21st.dev/@preetsuthar17/components/ai-chat-input.md) — by Preet Suthar - [Prompt Input](https://21st.dev/@ibelick/components/prompt-input.md) — by Julien Thibeaut - [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 - [AI Input](https://21st.dev/@kokonutd/components/ai-input.md) — by Kokonut Baffier - [AI Input Hero](https://21st.dev/@aghasisahakyan1/components/ai-input-hero.md) — by Erik X - [AI Assistant Interface](https://21st.dev/@rafa-porto/components/ai-assistant-interface.md) — by Rafael Porto - [Prompt Input dynamic grow](https://21st.dev/@zochory/components/prompt-input-dynamic-grow.md) — by Zachary BENSALEM - [Floating Chat Widget](https://21st.dev/@moumensoliman/components/floating-chat-widget-shadcnui.md) — by Moumen Soliman - [Ai Input](https://21st.dev/@reuno-ui/components/ai-input.md) — by reuno-ui - [AI Chat](https://21st.dev/@beratberkayg/components/ai-chat.md) — by beratberkay - [Ai Assistant](https://21st.dev/@coderislive07/components/ai-assistat.md) — by Mridul Dhamija - [AI Input With File](https://21st.dev/@kokonutd/components/ai-input-with-file.md) — by Kokonut Baffier - [RuixenMonoChat](https://21st.dev/@ruixen.ui/components/ruixen-mono-chat.md) — by Ruixen UI - [Prompt Suggestion](https://21st.dev/@ibelick/components/prompt-suggestion.md) — by Julien Thibeaut - [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 - [Email Client Card](https://21st.dev/@kavikatiyar/components/email-client-card.md) — by Kavi Katiyar - [File Upload and Chat](https://21st.dev/@avanishverma4/components/file-upload-and-chat.md) — by Awanish Verma - [Chat Card](https://21st.dev/@kokonutd/components/chat-card.md) — by Kokonut Baffier - [Agent Chat](https://21st.dev/@serafimcloud/components/agent-chat.md) — by Serafim - [Composer Input](https://21st.dev/@ravikatiyar162/components/composer-input.md) — by Ravi Katiyar - [AI Prompt Box](https://21st.dev/@johuniq/components/ai-prompt-box.md) — by johuniq - [AI Input](https://21st.dev/@haydenbleasel/components/ai-input.md) — by Hayden Bleasel - [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 - [File Attachment](https://21st.dev/@serafimcloud/components/file-attachment.md) — by Serafim - [Agent Chat](https://21st.dev/@serafimcloud/components/agent-chat/error.md) — by Serafim - [Agent Chat](https://21st.dev/@serafimcloud/components/agent-chat/empty-centered.md) — by Serafim - [Ruixen Prompt Box](https://21st.dev/@ruixen.ui/components/ruixen-prompt-box.md) — by Ruixen UI - [Minimal Chat Box](https://21st.dev/@ruixen.ui/components/minimal-chat-box.md) — by Ruixen UI - [Promt Input with Actions](https://21st.dev/@ibelick/components/promt-input-with-actions.md) — by Julien Thibeaut - [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 - [Promt Input with Actions](https://21st.dev/@ibelick/components/promt-input-with-actions/prompt-input-with-suggestions.md) — by Julien Thibeaut - [Basic Chat](https://21st.dev/@beratberkayg/components/basic-chat.md) — by beratberkay - [Autocomplete](https://21st.dev/@prebuiltui/components/autocomplete/grid-layout.md) — by prebuiltui - [File Attachment](https://21st.dev/@serafimcloud/components/file-attachment/image-only.md) — by Serafim Full component directory: https://21st.dev/llms.txt