The Radius is an opinionated assemblage of open-source tools and libraries that allow you to accelerate your design system. The choice of tools, their composition, and a set of foundational components guides you on how to build a constraint-based system.

rangle.io/radius
Figma File
Storybook Docs
Chromatic

We would love to hear about how you are using Radius or any feedback or feature requests. Open an issue.

Above the file list, click Use this template button. For more info see Getting Started — Develop

1. Install Yarn

   for more options see https://legacy.yarnpkg.com/en/docs/install#mac-stable

   curl -o- -L https://yarnpkg.com/install.sh | bash

2. Install Dependencies

   This project is using Workspaces. Yarn will install dependencies for all the packages.

   yarn

3. Build & Run Storybook

   yarn workspace ds build
   yarn workspace ds storybook

   Your site is now running at http://localhost:6006/!

   Make sure your node version is >=13.2.0

4. Run Sample App (Created using CRA)

   yarn workspace app start

   Your site is now running at http://localhost:3000/!