A beautiful component library for building React apps faster
Radix Themes is an open source component library for building modern web apps. It helps you build faster and makes it easy to create beautiful, accessible interfaces that are a breeze to maintain.
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 :)
About Radix Themes on Product Hunt
“A beautiful component library for building React apps faster”
Radix Themes launched on Product Hunt on August 9th, 2023 and earned 250 upvotes and 28 comments, placing #8 on the daily leaderboard. Radix Themes is an open source component library for building modern web apps. It helps you build faster and makes it easy to create beautiful, accessible interfaces that are a breeze to maintain.
On the analytics side, Radix Themes competes within Open Source, Developer Tools, GitHub and Web Design — topics that collectively have 629.4k followers on Product Hunt. The dashboard above tracks how Radix Themes performed against the three products that launched closest to it on the same day.
Who hunted Radix Themes?
Radix Themes was hunted by Vlad Moroz. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Vlad Moroz