# Attachment components

> Enhance file upload experiences with 9 versatile attachment components for React, styled with Tailwind CSS.

37 components available. Showing all of them below.

- [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
- [File Attachment](https://21st.dev/@serafimcloud/components/file-attachment/image-only.md) — by Serafim
- [Attachment Button](https://21st.dev/@serafimcloud/components/attachment-button.md) — by Serafim
- [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
- [Chatgpt Prompt Input](https://21st.dev/@easemize/components/chatgpt-prompt-input.md) — by Hossain Jahed
- [Glowing AI Chat Assistant](https://21st.dev/@muhammad-binsalman/components/glowing-ai-chat-assistant.md) — by M.bin Salman
- [AI Chat Input](https://21st.dev/@preetsuthar17/components/ai-chat-input.md) — by Preet Suthar
- [Prompt Input](https://21st.dev/@ibelick/components/prompt-input/with-actions.md) — by Julien Thibeaut
- [Claude Style AI Input](https://21st.dev/@suraj-xd/components/claude-style-ai-input.md) — by Suraj Gaud
- [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
- [Notifications Menu](https://21st.dev/@ahmedmayara/components/notifications-menu.md) — by Ahmed Mayara
- [Project Detail View](https://21st.dev/@kavikatiyar/components/project-detail-view.md) — by Kavi Katiyar
- [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
- [File Upload and Chat](https://21st.dev/@avanishverma4/components/file-upload-and-chat.md) — by Awanish Verma
- [Input Bar](https://21st.dev/@serafimcloud/components/input-bar.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
- [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
- [Advanced Ai Chat Input](https://21st.dev/@ravikatiyar162/components/advanced-ai-chat-input.md) — by Ravi Katiyar
- [AI Chat Input](https://21st.dev/@baozhouqi/components/ai-chat-input.md) — by Zhouqi Bao
- [AI Chat Input Block](https://21st.dev/@preetsuthar17/components/ai-chat-input-block.md) — by Preet Suthar
- [The Input](https://21st.dev/@felipemenezes098/components/the-input/with-nested-input-group.md) — by felipemenezes098
- [Ai Chat Input](https://21st.dev/@ruixen.ui/components/ai-chat-input.md) — by Ruixen UI
- [Message Input block](https://21st.dev/@preetsuthar17/components/message-input-block.md) — by Preet Suthar
- [Attachment Button](https://21st.dev/@serafimcloud/components/attachment-button/paperclip.md) — by Serafim
- [Attachment Button](https://21st.dev/@serafimcloud/components/attachment-button/without-handler.md) — by Serafim
- [User Message](https://21st.dev/@serafimcloud/components/user-message.md) — by Serafim
- [User Message](https://21st.dev/@serafimcloud/components/user-message/with-image.md) — by Serafim
- [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

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