by DesignRevision

DesignRevision /shards-react

⚛️A beautiful and modern React design system.

528 Stars 53 Forks Last release: Not found MIT License 9 Commits 4 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Shards React is a free, beautiful and modern React UI kit
based on Shards.

Documentation & DemoOfficial Page

Getting Started

Getting started with Shards React is fairly simple. You can download Shards React via the official website, here on GitHub as a release package or by using a package manager such as Yarn or NPM.

Quick Start

You can install Shards React via Yarn or NPM.

# Yarn
yarn add shards-react


npm i shards-react

Module Bundlers

If you are using a module bundler such as Webpack or Rollup, you can import components as follows:

import { Alert } from "shards-react";

import "bootstrap/dist/css/bootstrap.min.css"; import "shards-ui/dist/css/shards.min.css"

// ...

Built Using


Please read for details on our code of conduct, and the process for submitting pull requests to us.


View the roadmap.


View notable changes.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.