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

Documentation & Demo • Official Page

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.

• Official Website
• Release Package

You can install Shards React via Yarn or NPM.

# Yarn
yarn add shards-react

# NPM
npm i shards-react

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"

// ...

• Shards UI Kit
• React Datepicker
• React Popper
• noUiSlider by Léon Gersen (WTFPL License)

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

View the roadmap.

View notable changes.