/radius

A design system accelerator

Primary LanguageTypeScriptMIT LicenseMIT

Netlify Status rangle

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