# Conversation components

> Browse 14 Conversation components for React, styled with Tailwind CSS and ready for your Next.js project.

19 components available. Showing all of them below.

- [Conversation](https://21st.dev/@vercel-crawled/components/conversation.md) — by Vercel
- [Conversation Bar](https://21st.dev/@ElevenLabs-crawled/components/conversation-bar.md) — by ElevenLabs
- [Chat Interface](https://21st.dev/@tonyzebastian/components/chat-interface.md) — by Tony Sebastian
- [Chat Bubble](https://21st.dev/@jakobhoeg/components/chat-bubble.md) — by Jakob Hoeg Mørk
- [Messaging Conversation](https://21st.dev/@preetsuthar17/components/messaging-conversation.md) — by Preet Suthar
- [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
- [Discussion](https://21st.dev/@molecule-lab-rushil/components/discussion.md) — by Rushil Dhinoja
- [Basic Chat](https://21st.dev/@beratberkayg/components/basic-chat.md) — by beratberkay
- [Chat Messages](https://21st.dev/@solaceui/components/chat-messages-2.md) — by Solace UI
- [Message](https://21st.dev/@vercel-crawled/components/message.md) — by Vercel
- [Chat Messages](https://21st.dev/@nexus-ui/components/chat-messages.md) — by Nexus UI
- [Card Comment](https://21st.dev/@hari/components/card-comment.md) — by Hari Lamichhane
- [User Message](https://21st.dev/@serafimcloud/components/user-message/with-image.md) — by Serafim
- [Branch](https://21st.dev/@vercel-crawled/components/branch.md) — by Vercel
- [Message](https://21st.dev/@educlopez/components/message.md) — by Edu Calvo
- [Chat Scroll Area](https://21st.dev/@bundui/components/scroll-area6.md) — by Shadcn UI Kit
- [AI Conversation Tree](https://21st.dev/@elements-/components/conversation-tree.md) — by Cameron Kelliher
- [Message Circle More Icon](https://21st.dev/@skyleen77/components/message-circle-more.md) — by Elliot Sutton

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