/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. Drop us an email at varun@rangle.io

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