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](https://designrevision.com/downloads/shards-react) * [Release Package](https://github.com/DesignRevision/shards-react/releases)
### Quick Start You can install Shards React via Yarn or NPM. ```bash # Yarn yarn add shards-react # NPM npm i shards-react ```
### Module Bundlers If you are using a module bundler such as [Webpack](https://webpack.js.org/) or [Rollup](https://rollupjs.org/), you can import components as follows: ```javascript 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](https://designrevision.com/downloads/shards/) * [React Datepicker](https://reactdatepicker.com/) * [React Popper](https://github.com/FezVrasta/react-popper) * [noUiSlider by Léon Gersen (WTFPL License)](https://refreshless.com/nouislider/download/)
### Contributing Please read [CONTRIBUTING.md](CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests to us.
### Roadmap [View the roadmap.](http://designrevision.com/docs/shards-react/roadmap)
### Changelog [View notable changes.](CHANGELOG.md)

	Stars	Issues	Version	Updated	Created
@chakra-ui/react			2.8.2	6 months ago	4 years ago
grommet	8,300	303	2.37.0	18 days ago	9 years ago
primereact	5,864	239	10.6.5	11 days ago	7 years ago
react-bootstrap	22,216	189	2.10.2	2 months ago	10 years ago
shards-react			1.0.3	5 years ago	5 years ago

@chakra-ui/react vs grommet vs primereact vs react-bootstrap vs shards-react

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past