Use code "LAUNCH20" for 20% off on HextaUI Pro - Learn more
/Blocks

Messaging

Blocks for messaging/chat application

Required components

Run following command in your terminal to install the required components for this blocks

npx hextaui@latest add button select toggle scroll-area avatar card textarea input loader badge chip fileupload

Messaging Block

Entire Message block for messaging/conversation application

A
Alice
online
A
Hey there! 👋
09:00
Y
Hi Alice! How are you?
09:01
A
I'm good, thanks! Have you checked out hextaui.com?
09:02
Y
Not yet! What is it?
09:03
A
It's a modern UI component library. Super easy to use!
09:04
Y
That sounds cool. Does it have ready-made blocks?
09:05
A
Yes! Tons of blocks and beautiful primitives. You can just copy and paste.
09:06
Y
Is it customizable?
09:07
A
Absolutely. You can theme everything with Tailwind and CSS variables.
09:08
Y
Nice! Is there a CLI for installing components?
09:09
A
Yep, just run 'npx hextaui@latest add button' and you're set.
09:10
Y
Thanks for the info! I'll try it out today.
09:11
A
Let me know if you need help. The docs are great too!
09:12

Message Input

Input block for messaging/conversation application


Message Conversation

Conversation block for messaging/conversation application

A
Alice
online
A
Hey there! 👋
09:00
Y
Hi Alice! How are you?
09:01
A
I'm good, thanks! Have you checked out hextaui.com?
09:02
Y
Not yet! What is it?
09:03
A
It's a modern UI component library. Super easy to use!
09:04
Y
That sounds cool. Does it have ready-made blocks?
09:05
A
Yes! Tons of blocks and beautiful primitives. You can just copy and paste.
09:06
Y
Is it customizable?
09:07
A
Absolutely. You can theme everything with Tailwind and CSS variables.
09:08
Y
Nice! Is there a CLI for installing components?
09:09
A
Yep, just run 'npx hextaui@latest add button' and you're set.
09:10
Y
Thanks for the info! I'll try it out today.
09:11
A
Let me know if you need help. The docs are great too!
09:12

People List

Block to display list of peoples for messaging/conversation application

Edit on GitHub

Last updated on