Introducing Radix Themes

radix-ui.com
This is Radix Themes, an open source component library for building modern React apps. It helps you build faster and makes it easy to create beautiful, accessible interfaces that are a breeze to maintain.
Radix Themes is built on top of Radix Primitives, which companies like Vercel, CodeSandbox, and Supabase, among others, use to power their interfaces.
Instead of re-inventing common designs and working on the components over and over, Radix Themes aims to help you focus on your product and build faster.
Under the hood, Radix Themes is built with TypeScript, React and vanilla CSS. All design tokens are CSS variables that-if needed-you can tweak, overwrite, or use to build your own components with any styling solution you like-whether it’s CSS-in-JS, Tailwind, Sass, or CSS Modules. Because Radix Themes is powered by regular CSS variables, you can inject your own brand colors, set custom fonts, tweak the space scale, or use the provided tokens in your custom components, creating a coherent look and feel.
The idea to build Radix Themes came while working on our own design system at WorkOS, which is so loved by engineers and designers alike. Through the experience of maintaining our own Next.js dashboard and docs apps, we discovered hundreds of incredible design details and edge cases that we wanted our design system to take care of.
Like with Radix Primitives, we also were obsessed with getting the developer experience right. For every component we asked ourselves-what is the right API? What are the right props and parts? What should, and more importantly, shouldn’t be a part of this or that component? What API would make the code easy to understand and maintain, and what would put you into a messy situation that could bite when you don’t expect it?
As we built out our own design system at WorkOS, everyone on the team felt like we were onto something-so we used our own, battle-tested component library that serves thousands of users to kickstart Radix Themes.
We hope that you find Radix Themes useful. That’s 45 components, hundreds of carefully crafted variants, a handful of simple, yet powerful primitives for layout, and an extensive token system-all yours.