Dev Design Library

Message

A chat message row with an avatar, name, bubbles and status, where new messages rise in from the sender's side.

Message preview
Library
HextaUI
Framework
React
Type
ui
License
MIT
Dependencies
@base-ui/react@^1.8.0, cn
Install
npx shadcn@latest add https://hextaui.com/r/message.json
Files
  • components/ui/message.tsx
  • components/ui/bubble.tsx
  • components/ui/avatar.tsx
Source
https://github.com/preetsuthar17/hextaui

Categories

More from HextaUI