Shards React
Shards React

Shards React


Getting Started

Shards React is really easy to get started with. Make sure to follow the guide below to get a better understanding about some of the decisions behind Shards React and how to use it to kick-off your next project.

Note: This page is currently a work in progress.


You can install Shards React via Yarn or NPM.

# Yarn
yarn add shards-react

npm i shards-react

Module Bundlers

Once the package is installed, you can simply import components and all the required styles assuming that you're using a module bundler such as Webpack or Rollup.

import { Alert } from "shards-react";

import "bootstrap/dist/css/bootstrap.min.css";
import "shards-ui/dist/css/shards.min.css"

// ...