HN
Today

Shadcn/UI now defaults to Base UI instead of Radix

Shadcn/ui is evolving its foundational architecture by defaulting new projects to Base UI, the spiritual successor to Radix, while maintaining full support for existing Radix-based applications. This significant update also introduces powerful new chat interface components and a novel "skill"-based migration tool, empowering developers with intelligent, progressive upgrades. Furthermore, enhancements like GitHub Registries and a new "Rhea" style underscore shadcn/ui's commitment to flexible, customizable, and developer-friendly UI development, resonating with HN's audience who values practical, evolving developer tools.

13
Score
0
Comments
#1
Highest Rank
13h
on Front Page
First Seen
Jul 5, 5:00 AM
Last Seen
Jul 5, 5:00 PM
Rank Over Time
31111111166811

The Lowdown

Shadcn/ui has released a comprehensive changelog detailing several significant updates, most notably shifting its default component library from Radix to Base UI. These changes reflect a commitment to leveraging newer, more efficient foundations while expanding functionality and enhancing developer flexibility. The updates cover core architectural shifts, new component offerings, and advanced tooling for customization and migration.

  • Base UI as Default: New shadcn/ui projects will now default to Base UI, a library from the original Radix creators, chosen due to its stability, continuous improvement, and overwhelming community preference. Radix remains fully supported and is not deprecated.
  • Intelligent Migration Skill: A new "skill" is introduced for migrating components from Radix to Base UI, designed for progressive adoption. Unlike traditional codemods, it intelligently handles custom modifications, provides detailed reports, and maintains clean Git history, supporting popular coding agents.
  • Chat Interface Components: A suite of new components (MessageScroller, Message, Bubble, Attachment, Marker) is released for building robust chat interfaces, focusing on complex scrolling behavior and composability, alongside new CSS utilities like scroll-fade and shimmer.
  • @shadcn/react Package: A new package for unstyled, headless React components is introduced, starting with MessageScroller, allowing core component behavior to be distributed independently of visual styles.
  • GitHub Registries: Developers can now create and distribute shadcn/ui items (components, hooks, utilities, conventions, etc.) directly from any public GitHub repository using a registry.json file.
  • shadcn eject Command: A new CLI command allows users to inline shadcn/tailwind.css into their global CSS, removing the dependency and providing more control over shared utility styles.
  • New "Rhea" Style: A new, more compact UI style called Rhea is introduced, offering denser surfaces and smaller spacing, designed for focused product interfaces where space optimization is crucial.

These updates collectively demonstrate shadcn/ui's ongoing evolution, providing developers with a more modern, flexible, and powerful toolkit for building and customizing user interfaces, with a clear path forward for adoption and migration.