Product Thumbnail

Radix Themes

A beautiful component library for building React apps faster

Open Source
Developer Tools
GitHub
Web Design

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.

Top comment

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 :)

Comment highlights

Perfection! It really shows that you have thought about the DX and APIs all the way through, there are so many good and clever features here. I've always been a fan of Radix, but this is one level higher in abstraction, making it so easy to get up and going. The theme component is genius as well. As for feedback and questions, and I guess you guys already have a huge backlog, but, are you planning on porting over more of your primitives to the theme side, like the toast and form? Furthermore, components like pagination, editable, and even calendar/time-related components, would be such a blessing to have baked in. Also, modifiers for shadows, etc in the theme panel. Either way, great work, cheers!

Wow, that's really cool! Especially the fact that it's built on top of Radix Primitives.

Wow, Radix Themes sounds like a game-changer for web app development! The focus on speed, accessibility, and maintenance is crucial. How does Radix ensure seamless integration with different tech stacks?

Awesome 👏 great tool. We are looking to use react to build a new app now that we’re moving on from a no-code platform. Will ask our Dev team to check this out!

Radix Themes is a game-changer for React developers. It makes it so easy to create beautiful, accessible interfaces. I'm already using it in my next project!

Radix Themes is a game-changer for web development. It's the only component library you'll ever need.

Congratulations to the Radix team on creating such an amazing product! Radix Themes is the future of web developer

Radix Themes is the best component library for building modern web apps. It's easy to use, well-documented, and constantly being updated. I highly recommend it to anyone who wants to build great apps.

Radix Themes is the most comprehensive and well-documented component library I've ever used. It's the perfect choice for any web developer who wants to build great apps quickly and easily.

I'm loving Radix Themes! It's the perfect way to build consistent, high-quality UIs without sacrificing speed or flexibility.

Congratulations to the Radix team on creating such a powerful and versatile tool. Radix Themes is the perfect choice for any web developer who wants to build great apps.

Radix Themes is the future of web development. It's the only component library you'll ever need.

Radix Themes is the best thing to happen to web development since sliced bread. It's so easy to use and makes my code look amazing.

Radix Themes is a huge time-saver and makes my code so much cleaner. I highly recommend it to anyone who builds web apps.

I'm so excited to start using Radix Themes! It's the perfect solution for my web development needs.

Radix Themes is the perfect tool for building high-quality, accessible web apps. I highly recommend it to anyone who is serious about web development.

I'm blown away by Radix Themes. It's the most powerful and flexible component library I've ever used.