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

Documentation & Demo • Official 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.

• Official Website
• Release Package

Quick Start

You can install Shards React via Yarn or NPM.

# Yarn
yarn add shards-react

# NPM
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

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

Contributing

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

Roadmap

View the roadmap.

Changelog

View notable changes.