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


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.