davidpp / radius

Radius Design System Kit

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

Are you using Radius?

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

🚀 Quick start

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

Building This Repo

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/!