Chat transcript with jump to latest
A scroll region that opens at the live edge with a jump to latest control.

- Library
- ReUI
- Framework
- React
- Type
- block
- License
- MIT
- Install
npx shadcn@latest add @reui/c-message-scroller-1- Files
registry-reui/bases/radix/components/message-scroller/c-message-scroller-1.tsxregistry/bases/radix/ui/avatar.tsxregistry/bases/radix/ui/bubble.tsxregistry/bases/radix/ui/card.tsxregistry/bases/radix/ui/message.tsxregistry/bases/radix/ui/message-scroller.tsxapp/(create)/components/icon-placeholder.tsxlib/icon-library-store.ts
- Source
- https://github.com/keenthemes/reui
Categories
- Chat Message Components
- React Chat Message Components
- Tailwind CSS Chat Message Components
- Layout Components
- React Layout Components
- Tailwind CSS Layout Components
- Scroll Area Components
- Tailwind CSS Scroll Area Components
- Social Components
- React Social Components
- Tailwind CSS Social Components
More from ReUI
- Support thread with sender alignment
- Bubble variants in a release thread
- Grouped consecutive messages
- Message reactions and a reaction button
- Long reply with show more
- Quick reply bubbles and an action row
- Assistant answer with formatted content
- Two-sided conversation
- Avatars on both sides
- Sender name and delivery status
- Reply actions in the footer
- Files shared in a thread