DesignRevision / Shards React
Licence: mit
⚛️A beautiful and modern React design system.
Stars: ✭ 639
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Shards React
Vuedarkmode
👩🎨👨🎨 A minimalist dark design system for Vue.js. Based components designed for the insomniacs who enjoy dark interfaces as much as we do.
Stars: ✭ 1,034 (+61.82%)
Mutual labels: design-system, components, bootstrap
Shards Vue
🌟Shards Vue is a free, beautiful and modern Vue.js UI kit based on Shards.
Stars: ✭ 390 (-38.97%)
Mutual labels: uikit, components, bootstrap
Ngx Bootstrap
Fast and reliable Bootstrap widgets in Angular (supports Ivy engine)
Stars: ✭ 5,343 (+736.15%)
Mutual labels: components, bootstrap
Coreui Vue
Over 90 Bootstrap based Vue.js components and directives. CoreUI React.js UI Components. CoreUI for Vue.js replaces and extends the Bootstrap javascript. Components have been built from scratch as true Vue components, without jQuery and unneeded dependencies.
Stars: ✭ 318 (-50.23%)
Mutual labels: components, bootstrap
elements
Lovingly crafted ui components based on web components. Works well with all Frameworks - including Angular, React and Vue.
Stars: ✭ 42 (-93.43%)
Mutual labels: components, design-system
Sancho
Responsive and accessible React UI components built with Typescript
Stars: ✭ 365 (-42.88%)
Mutual labels: uikit, design-system
Coreui
Open Source UI Kit built on top of Bootstrap 4 and plain JavaScript without any additional libraries like jQuery
Stars: ✭ 361 (-43.51%)
Mutual labels: uikit, bootstrap
Alva
Create living prototypes with code components.
Stars: ✭ 3,734 (+484.35%)
Mutual labels: design-system, components
React95
🌈🕹 Refreshed Windows 95 style UI components for your React app
Stars: ✭ 4,877 (+663.22%)
Mutual labels: design-system, components
Uix Kit
A free UI toolkit based on some common libraries for building beautiful responsive website, compatible with Bootstrap v4.
Stars: ✭ 318 (-50.23%)
Mutual labels: uikit, bootstrap
Chakra Ui
⚡️Simple, Modular & Accessible UI Components for your React Applications
Stars: ✭ 295 (-53.83%)
Mutual labels: uikit, components
Uiengine
Workbench for UI-driven development
Stars: ✭ 349 (-45.38%)
Mutual labels: design-system, components
sodium-ui
Sodium is a simple, modular and customizable web component library to build elegant and accessible UI pieces for your React Application.
Stars: ✭ 23 (-96.4%)
Mutual labels: uikit, design-system
Shards Dashboard Vue
A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components.
Stars: ✭ 363 (-43.19%)
Mutual labels: uikit, design-system
Mdb Ui Kit
Bootstrap 5 & Material Design 2.0 UI KIT
Stars: ✭ 21,830 (+3316.28%)
Mutual labels: uikit, bootstrap
Neumorphism Ui Bootstrap
Neumorphism inspired UI Kit: web components, sections and pages in neumorphic style built with Bootstrap CSS Framework
Stars: ✭ 463 (-27.54%)
Mutual labels: uikit, bootstrap
ng-sq-ui
Flexible and easily customizable UI-kit for Angular 11+
Stars: ✭ 99 (-84.51%)
Mutual labels: components, uikit
taiga-ui
Angular UI Kit and components library for awesome people
Stars: ✭ 2,251 (+252.27%)
Mutual labels: components, uikit
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.
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
Changelog
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].