Blog

Updates to shadcn/ui: Base UI support and new Theme Editor

Captain's log, stardate d649.y41/AB

Jordi Vendrell Farreny
Founder & COO
Updates to shadcn/ui

shadcn/ui has rolled out a few updates that refine the setup workflow and, more importantly, expand the architectural options for the library.

Here is a breakdown of what changed:

1. Visual configuration & v0 integration

They launched ui.shadcn.com/create. It’s a visual builder to define design tokens (colors, border radius, fonts…) that generates the necessary CSS.

The interesting part is the integration with v0: you can now export your custom theme directly to v0. This allows the AI to generate interfaces that strictly adhere to your branding variables from the start, rather than using generic defaults.

2. Base UI support

Until now, shadcn/ui was effectively a wrapper around Radix UI. It now officially supports Base UI. This is significant because Base UI is actually being built by some of the original creators of Radix UI who moved to the MUI team.

  • What is Base UI? It is the headless component library developed by the MUI team. It strips away the Material Design styles, leaving only the functional and accessible primitives.
  • Base UI vs. Radix: Both solve the same problem (unstyled, accessible component logic), but Base UI offers an alternative API and is backed by the maturity of the MUI ecosystem.

The Current Ecosystem Status

This update comes at an interesting time for the React ecosystem:

  • Radix UI: Remains the industry standard for headless components and powers the vast majority of shadcn implementations. However, development velocity slowed significantly after the WorkOS acquisition, leading to some community concerns regarding its long-term maintenance.
  • Base UI: Recently hitting stable v1.0.2, it aims to replace Radix in the long term by offering better performance and cleaner APIs. While it doesn't yet have the massive adoption of Radix, having the original architects of Radix behind it makes it a very serious competitor.

Our take at MarsBased

At MarsBased, shadcn/ui is our default component library. We have worked extensively with MUI, Prime React, and Carbon Design in the past, but the copy-paste architecture of shadcn provides the control we prefer. Seeing it become agnostic to the underlying primitives (supporting both Radix and Base UI) confirms it is the right long-term choice for most projects.

Share this article

Related articles

Bird migration

Replacing jQuery with React: a pragmatic migration plan (with real estimates)

Legacy frontends rarely fail loudly. They fail quietly: slower iteration, harder UI changes, more edge-case bugs, and a growing sense that every improvement costs too much. That is usually the moment teams consider moving from a jQuery-heavy UI to a component-based frontend like React.

Read full article
ChatGPT launches the App Directory and a new workflow for building apps inside ChatGPT

ChatGPT launches the App Directory and a new workflow for building apps inside ChatGPT

OpenAI has officially launched the ChatGPT App Directory, opening a new distribution channel for developers to publish applications that run directly inside ChatGPT. Starting now, developers can submit their ChatGPT apps for review. Once approved, apps become discoverable in a dedicated directory,

Read full article
Announcing a partnership with Startup Genome

Announcing a partnership with Startup Genome

Earlier in the year, we released the new Startup Genome platform we designed and developed. One of our best and most relevant projects so far. Now, we've partnered with Startup Genome to become their Ambassadors in Barcelona.

Read full article