Need help with shards-react?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

693 Stars 75 Forks MIT License 9 Commits 45 Opened issues


⚛️A beautiful and modern React design system.

Services available


Need anything else?

Contributors list

# 13,274
9 commits

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.