Radius Design System Kit with React Native

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

Download Details:

Author: evcheung

Source Code: https://github.com/evcheung/radius-react-native

#react-native #react #mobile-apps

Radius Design System Kit with React Native
2.20 GEEK