Message scroller

A chat scroll area that follows new messages, keeps your place while you read back, and counts what you missed on the jump button.

Library

HextaUI

Framework

React

Type

ui

License

MIT

Dependencies

@shadcn/[email protected], @tabler/icons-react, cn

Install

npx shadcn@latest add https://hextaui.com/r/message-scroller.json

Files

• components/ui/message-scroller.tsx
• components/ui/button.tsx
• lib/motion.ts
• components/ui/message.tsx
• components/ui/bubble.tsx
• components/ui/spinner.tsx
• hooks/use-button-feedback.ts
• hooks/use-delayed-loading.ts

Source

https://github.com/preetsuthar17/hextaui

Categories

• Chat Message Components
• React Chat Message Components
• Tailwind CSS Chat Message Components
• Animated Chat Message Components
• shadcn/ui Chat Message Components
• Layout Components
• React Layout Components
• Tailwind CSS Layout Components
• Animated Layout Components
• shadcn/ui Layout Components
• Scroll Area Components
• Tailwind CSS Scroll Area Components

More from HextaUI

• Bubble
• Marker
• Message
• Scroll area
• Accordion
• Alert
• Alert dialog
• Aspect ratio
• Attachment
• Avatar
• Badge
• Breadcrumb