Hi everyone 👋 This is Vlad—designer and engineer at @workos, and Radix Themes maker. Radix Themes is an open source component library for building modern React app: https://www.radix-ui.com It helps you build faster and makes it easy to create beautiful, accessible interfaces that are a breeze to maintain. Companies like Vercel, CodeSandbox, and Supabase, among others, already build their interfaces on top of Radix. We hope that it’s going to be easy to build yours too. Instead of re-inventing common designs and working on the components over and over, we made Radix Themes 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. This also means that 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 our engineers and designers alike. Through the experience of maintaining our own 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 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. Would love to get your feedback, questions, and ideas. I'm so excited to see what you all build :)

Thank you, Eddie! Let us know how it goes if you decide to try out Radix Themes for your side project. Here’s what differentiates Radix Themes from other component libraries: We hope that Radix Themes stands out with a considered, sensible, consistent developer API and world-class visual design. Beyond that, Radix Themes doesn’t suggest a particular styling solution and doesn’t rely on JavaScript libraries like emotion for styling. You can use Radix Themes with other CSS tech with no extra overhead coming from us on that side. Radix Themes also aims to strike the right balance between feeling flexible and feeling rigid where it counts. All functionality from Radix Primitives is there. However, you may notice that we are quite conservative with the styling options exposed on the components—there’s no `sx` or `css` prop. Beyond simple overrides and configuration, we rather encourage using the components and their variants as is; custom components and your unique versions can be created with the token system that we provide. We believe that over time, this will guide our users towards the right choices, building the UIs that are a joy to maintain.

Maker reviews of Radix UI

Hayden Bleasel

used this to build Kibo UI

Kibo UI

(321 points)

Radix provides the primitives that shadcn/ui and Kibo UI components use under the hood.

Report

1mo ago

Ivan Vasilov

used this to build Supabase UI Library

Supabase

(630 points)

Without it, this wouldn't be possible!

Report

3mo ago

Max Musing

used this to build

Basedash

(638 points)

Radix UI is the backbone of all our custom UI components in Basedash. It handles the core low-level details of functionality and accessibility so we can focus on styling and building product.

Report

5mo ago

View all Radix UI reviews

Reviews of Radix UI

Moritz Tomasi

Mailbites

•8 reviews

This is really nice! Definitely going to use this for my upcoming project, which is going to use Radix UI. Congrats on the launch and good luck! We've also launched our product today (https://www.producthunt.com/post...) and as of writing of this comment we're ranking neighbours 😁 Also, your landing page is really cool!

Report

2yr ago

Wouter Raateland

Bookingmood

•6 reviews

So many websites have buggy dropdowns and modals. With Radix, these primitives just work, i.e., pressing ESC just closes a modal as you'd expect. No customization needed. Would love for them to expose the underlying React Contexts of their components for easier modification.

Report

1yr ago

Onurhan Demir

•2 reviews

Amazing team, amazing products. Kudos!

Report

2yr ago

View all 28 reviews

Vlad Moroz

Paper

Maker

📌

FALAK SHER | phlaunchchecklist.com

Product Hunt Launch Checklist

@workos @vladyslavmoroz Congrats on the launch — love this a lot.

Eddie Forson

EnVsion AI

Congrats on the launch Vlad! Radix Themes looks great. I wish it was already present when I started working on EnVsion :(. I'm tempted to give it a go for my next side project :). There are quite a few component libraries these days. What differentiates you from Chakra UI for instance?

Radix UI

Open-source UI components for building accessible web apps

Radix Themes

Radix UI Launches

Do you use Radix UI?

Review Radix UI?

Maker reviews of Radix UI

Reviews of Radix UI