# Messaging components

> Build chat and communication features with 12 messaging components for React, styled with Tailwind CSS for seamless integration.

16 components available. Showing all of them below.

- [Messaging people list](https://21st.dev/@preetsuthar17/components/messaging-people-list.md) — by Preet Suthar
- [Message loading](https://21st.dev/@jakobhoeg/components/message-loading.md) — by Jakob Hoeg Mørk
- [Chat template](https://21st.dev/@rayimanoj8/components/chat-template/whatsapp-mock.md) — by Manoj
- [RuixenMonoChat](https://21st.dev/@ruixen.ui/components/ruixen-mono-chat.md) — by Ruixen UI
- [Whatsapp Sidebar](https://21st.dev/@rayimanoj8/components/whatsapp-sidebar.md) — by Manoj
- [Chat Preview](https://21st.dev/@meenic/components/chat-preview.md) — by meenic
- [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
- [Basic Chat](https://21st.dev/@beratberkayg/components/basic-chat.md) — by beratberkay
- [Conversation](https://21st.dev/@vercel-crawled/components/conversation.md) — by Vercel
- [Chat Messages](https://21st.dev/@solaceui/components/chat-messages-2.md) — by Solace UI
- [Message Input block](https://21st.dev/@preetsuthar17/components/message-input-block.md) — by Preet Suthar
- [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
- [Message Circle More Icon](https://21st.dev/@skyleen77/components/message-circle-more.md) — by Elliot Sutton
- [Message Circle Off Icon](https://21st.dev/@skyleen77/components/icons-message-circle-off.md) — by Elliot Sutton

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