
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.