https://github.com/DesignRevision/shards-react

⚛️A beautiful and modern React design system.
https://github.com/DesignRevision/shards-react

bootstrap components design-system react ui uikit

Last synced: about 2 months ago
JSON representation

⚛️A beautiful and modern React design system.

• Host: GitHub
• URL: https://github.com/DesignRevision/shards-react
• Owner: DesignRevision
• License: mit
• Created: 2018-12-27T17:50:22.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T15:46:33.000Z (almost 2 years ago)
• Last Synced: 2024-08-02T00:09:25.930Z (4 months ago)
• Topics: bootstrap, components, design-system, react, ui, uikit
• Language: JavaScript
• Homepage: https://designrevision.com/downloads/shards-react/
• Size: 591 KB
• Stars: 757
• Watchers: 7
• Forks: 97
• Open Issues: 49
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-react-components - shards-react - [docs/demo](https://designrevision.com/docs/shards-react/getting-started) - A beautiful and modern React design system. Freemium 💰 (UI Frameworks / Component Collections)
• awesome-react-components - shards-react - [docs/demo](https://designrevision.com/docs/shards-react/getting-started) - A beautiful and modern React design system. Freemium. (UI Frameworks / Component Collections)
• fucking-awesome-react-components - shards-react - 🌎 [docs/demo](designrevision.com/docs/shards-react/getting-started) - A beautiful and modern React design system. Freemium. (UI Frameworks / Component Collections)
• awesome-react-components - shards-react - [docs/demo](https://designrevision.com/docs/shards-react/getting-started) - A beautiful and modern React design system. Freemium 💰 (UI Frameworks / Component Collections)
• awesome-react-components - shards-react - [docs/demo](https://designrevision.com/docs/shards-react/getting-started) - A beautiful and modern React design system. Freemium 💰 (UI Frameworks / Component Collections)

README

        








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)