Radius Design System
Rangle's meta-framework accelerating custom design system creation with tools and kits.
Product Overview
Radius Design System is Rangle's innovative meta-framework for building and scaling tailored design systems, not a ready-made library but a starter kit with open-source tools, methodologies, and resources like Figma ShadCN kits to guide organizations in creating unique, constraint-based systems. It includes component creation templates, token management, adoption tracking (Radius Tracker), and best practices for collaboration, reducing development time and risk while enabling flexibility with frameworks like React, Tailwind, and Styled Components. Starter Kits: Figma-based ShadCN UI kit for one-to-one Figma-to-code alignment. Tools: Radius Tracker for real-time component adoption measurement. Methodology: Guides for intake processes, collaboration, and scaling. Open-Source: GitHub repos for React boilerplates and community contributions.
Best For
Teams building scalable, consistent digital products.
Key Features
- Starter Kits: Figma-based ShadCN UI kit for one-to-one Figma-to-code alignment.
- Tools: Radius Tracker for real-time component adoption measurement.
- Methodology: Guides for intake processes, collaboration, and scaling.
- Open-Source: GitHub repos for React boilerplates and community contributions.
Pros
- +Open source
- +Real-time collaboration
- +Ready-to-use templates
- +Comprehensive design system
Cons
- -Adoption requires team alignment
- -Customization can be complex
/// SPECS
- Pricing:Free
- Platform:Browser
Paste
Twilio's open-source design system for consistent, accessible communication product interfaces.
Pando Design System
Pluralsight's open-source design system for consistent, accessible web interfaces.
Porsche Design System
open-source framework for consistent, premium automotive digital interfaces.
Primer Design System
GitHub's open-source design system for consistent, accessible web interfaces.
Salt Design System
J.P. Morgan's open-source framework for accessible, customizable financial interfaces.
Slack Block Kit
modular UI framework for building rich, interactive messages and apps in Slack.
SmartHR UI
open-source React component library for consistent, accessible HR platform interfaces.
U.S. Web Design System
Web Design System: official U.S. government framework for consistent, accessible public digital services.
UNDP Design System
official U.S. government framework for consistent, accessible public digital services.
Paradigm Design System
Mail.ru/VK's open-source framework for consistent web interfaces.