Radix UI
p/radix-ui
Open-source UI components for building accessible web apps
Vlad Moroz
Radix Themes — A beautiful component library for building React apps faster
Featured
28
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.
Replies
Vlad Moroz
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 :)
Eddie Forson
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?
Vlad Moroz
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.
Noah Raskin
This is super duper awesome!
Oleksii Volkov
Wow, that's really cool! Especially the fact that it's built on top of Radix Primitives.
Cyril Gupta
The product seems useful. I'll explore it
Gustav Ekerot
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!
Vlad Moroz
@gustav_ekerot thank you! Yes, we plan to create a styled version of every Radix Primitive, and do more components that don’t qualify for being primitives over time. What were you looking for in terms of shadow customisation?
Gustav Ekerot
@vladyslavmoroz I was thinking having a few levels of soft-to-hard/small-to-large shadows buttons/sliders(?), minor thing though, can't wait too see more components!
Alex@epsifund
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!
Johnson Ta
Love what you guys do, congrats and thank you for being open source!!
Sophia Watt
Radix Themes is the future of web development. It's the only component library you'll ever need.
Adams Parker
I'm loving Radix Themes! It's the perfect way to build consistent, high-quality UIs without sacrificing speed or flexibility.
Sergey Firkin
Congrats on the launch! Good luck, guys! 🚀🚀🚀
Felix Häberle
Congrats on the launch!! Heavy Radix fan here and also Radix Themes is the perfect addition to it. You rock! 🎉
Aarav Pittman
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.
Jayden Jameson
Good luck with the launch, it looks cool.
Ghost Kitty
Comment Deleted
Ghost Kitty
Comment Deleted
udhay yadav
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.
Moritz Tomasi
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!
Aden Will
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.
Rachel from MegaVote
Congrats team on the launch!