Message Scroller

A chat scroll container that anchors turns, opens saved transcripts, follows streamed responses, loads history without jumping, and jumps to any message.

Library

shadcn/ui

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add message-scroller

Files

• apps/v4/registry/new-york-v4/ui/message-scroller.tsx
• packages/react/src/message-scroller/index.ts
• apps/v4/registry/new-york-v4/ui/button.tsx
• packages/react/src/message-scroller/components.tsx
• packages/react/src/message-scroller/types.ts
• packages/react/src/use-render/index.ts
• packages/react/src/message-scroller/use-message-scroller-controller.ts
• packages/react/src/message-scroller/utils.ts

Source

https://github.com/shadcn-ui/ui

Categories

• AI Element Components
• React AI Element Components
• Tailwind CSS AI Element Components
• Conversation Components
• React Conversation Components
• Tailwind CSS Conversation Components
• Layout Components
• React Layout Components
• Tailwind CSS Layout Components
• Scroll Area Components
• Tailwind CSS Scroll Area Components

More from shadcn/ui

• Scroll Area
• Accordion
• Alert
• Alert Dialog
• Aspect Ratio
• Attachment
• Avatar
• Badge
• Breadcrumb
• Bubble
• Button
• Button Group