Radian is an open-source React component library and UI design system built to accelerate product development with beautiful defaults. Currently, available for Next.js, it's powered by Tailwind CSS and Radix Primitives, providing a solid foundation for modern web apps
Radian helps you design and iterate quickly, offering components that can serve as ready-to-use building blocks for your final product or as customizable starters for unique
projects. We've prioritized flexibility, ensuring common properties and behaviors are baked in—so you won't waste time rebuilding essentials.
Our goal? Deliver an exceptional out-of-the-box experience that makes designing, modifying, and shipping products faster and more enjoyable than ever.
High Customizability: Our components look great and are packed with features you can easily change to match your style. The design system is also very versatile in that sense.
Open Code System: All component code lives directly in your codebase, giving you full control to modify and extend without external dependencies after initialization.
Rich Design System: Radian offers one of the most comprehensive and easy-to-use, free design systems available, continuously improved with designer feedback.
Best Out-of-the-Box Experience: Zero setup required for polished results. Our defaults ensure your apps look professional and perform optimally right away.
Growing Blocks Ecosystem: We're actively developing reusable blocks based on common patterns and user flows, helping you assemble complex interfaces effortlessly.
AI and beginner-friendly: With all essential props included, Radian integrates smoothly with AI code generators. It's also ideal for newcomers, offering full code access for experimentation and learning.
We're thrilled to share Radian with the open-source community and invite you to contribute, provide feedback, or follow our progress. Let's build the future of UI development together!