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. Drop us an email at [email protected]
Above the file list, click Use this template button. For more info see Getting Started โ Develop
-
Install Yarn
for more options see https://legacy.yarnpkg.com/en/docs/install#mac-stable
curl -o- -L https://yarnpkg.com/install.sh | bash
-
Install Dependencies
This project is using Workspaces. Yarn will install dependencies for all the packages.
yarn
-
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
-
Run Sample App (Created using CRA)
yarn workspace app start
Your site is now running at
http://localhost:3000/
!