August 25, 2026

2 views

shadcn/ui: ready-made components for chat interfaces

shadcn, the creator of shadcn/ui at Vercel, shipped the first wave of chat UI components. The registry now includes MessageScroller, Message, Bubble, Attachment, and Marker, along with scroll-fade and shimmer CSS utilities for smooth scrolling and loading states.

The @shadcn/react package is the architectural highlight: headless behavior (scrolling, message flow) is separated from the styled shadcn/ui layer. Components work with both Radix and Base UI and install via the familiar CLI: bunx shadcn@latest add.

For Tailwind CSS 4 and React 19 projects like Altyn San, this lowers the cost of support chat, a landing-page AI assistant, or internal panels. shadcn noted explicitly: this does not replace Vercel AI Elements for teams already on @ai-sdk/react — it is a different abstraction with its own API and styling.

When the holding needs conversational UI in its products, the foundation is already the same stack as the corporate landing.

Back to all news