All Projects β†’ coreui β†’ Coreui React

coreui / Coreui React

Licence: mit
CoreUI React.js UI Components. CoreUI for React.js replaces and extends the Bootstrap javascript. Components have been built from scratch as true React.js hook components, without jQuery and unneeded dependencies.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Coreui React

Styled Bootstrap
πŸ’…πŸ» A styled-component implementation of Bootstrap
Stars: ✭ 154 (-35.56%)
Mutual labels:  ui-components, react-components, bootstrap
Ui
React Styled Components with bootstrap grid system
Stars: ✭ 89 (-62.76%)
Mutual labels:  ui-components, react-components, bootstrap
Primereact
The Most Complete React UI Component Library
Stars: ✭ 2,393 (+901.26%)
Mutual labels:  ui-components, react-components, bootstrap
Airframe React
Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16: http://dashboards.webkom.co/react/airframe
Stars: ✭ 3,659 (+1430.96%)
Mutual labels:  ui-components, react-components, bootstrap
Staradmin Free React Admin Template
Free React version of Star Admin
Stars: ✭ 109 (-54.39%)
Mutual labels:  bootstrap, react-bootstrap
Jafar
🌟!(Just another form application renderer)
Stars: ✭ 107 (-55.23%)
Mutual labels:  ui-components, react-components
Devextreme Reactive
Business React components for Bootstrap and Material-UI
Stars: ✭ 1,800 (+653.14%)
Mutual labels:  react-components, bootstrap
React Step Progress Bar
A library to create stunning progress bars and steps in React 🌑
Stars: ✭ 140 (-41.42%)
Mutual labels:  ui-components, react-components
Robe React Ui
Robe React UI Components
Stars: ✭ 133 (-44.35%)
Mutual labels:  bootstrap, react-bootstrap
Volt React Dashboard
A React.js admin dashboard template and UI library based on Bootstrap 5
Stars: ✭ 235 (-1.67%)
Mutual labels:  bootstrap, react-bootstrap
Ej2 Angular Ui Components
Syncfusion Angular UI components library offer more than 50+ cross-browser, responsive, and lightweight angular UI controls for building modern web applications.
Stars: ✭ 159 (-33.47%)
Mutual labels:  ui-components, bootstrap
Ej2 React Ui Components
Syncfusion React UI components library offer more than 50+ cross-browser, responsive, and lightweight react UI controls for building modern web applications.
Stars: ✭ 166 (-30.54%)
Mutual labels:  ui-components, react-components
React Bootstrap Webpack Starter
ReactJS 16.4 + new React Context API +react Router 4 + webpack 4 + babel 7+ hot Reload + Bootstrap 4 + styled-components
Stars: ✭ 103 (-56.9%)
Mutual labels:  bootstrap, react-bootstrap
Next Express Bootstrap Boilerplate
⚑️ JavaScript boilerplate for a full stack app built using React.js, Next.js, Express.js, react-bootstrap, SCSS and full SSR with eslint.
Stars: ✭ 102 (-57.32%)
Mutual labels:  bootstrap, react-bootstrap
Smooth Ui
Modern React UI library πŸ’…πŸ‘©β€πŸŽ€πŸ­
Stars: ✭ 1,583 (+562.34%)
Mutual labels:  ui-components, bootstrap
Re Jok
A React UI Component library built with styled-components
Stars: ✭ 102 (-57.32%)
Mutual labels:  ui-components, react-components
Tabler React
React components and demo for the Tabler UI theme.
Stars: ✭ 1,830 (+665.69%)
Mutual labels:  react-components, bootstrap
Minimal Feedback
πŸ—³ minimal-feedback is a blazingly fast and highly customizable component to get user feedback.
Stars: ✭ 78 (-67.36%)
Mutual labels:  react-components, bootstrap
React Dashboard
πŸ”₯React Dashboard - isomorphic admin dashboard template (React.js, Bootstrap, Node.js, GraphQL, React Router, Babel, Webpack, Browsersync) πŸ”₯
Stars: ✭ 1,268 (+430.54%)
Mutual labels:  bootstrap, react-bootstrap
Styled Bootstrap Components
The bootstrap components made with styled-components πŸ’…
Stars: ✭ 196 (-17.99%)
Mutual labels:  react-components, bootstrap

CoreUI React components library

Tweet
npm_latest npm next NPM downloads
Build Daily check
react

@coreui/react v3 for CoreUI 3 for React
Over 90 bootstrap based React components and directives
For library guide please visit our Documentation site Β»

Check out demo of components usage: CoreUI React Admin Template Β»

Template

Installation

Before installation you need to install node and npm on your machine.

npm install @coreui/react

Styling

Components are styled using @coreui/coreui CSS library, but you can use them also with bootstrap CSS library. That is possible because @coreui/coreui library is compatible with bootstrap, it just extends its functionalities. The only exception is custom CoreUI components, which don't exist in the Bootstrap ecosystem (template components, callout, switch).

Styles have to be imported separately! Import CoreUI CSS library (recommended), or Bootstrap library

Installation:

npm install @coreui/coreui

Styles usage:

@import "[email protected]/coreui/scss/coreui";

Changelog

See the GitHub release history.

Contributing

See CONTRIBUTING.md.

Credits

Some design ideas and solutions in this library inspired by reactstrap library


  • bootstrapped with nwb toolkit

npm run scripts

package.json is configured with "scripts" we can use with npm run while developing the project.

Command Description
npm test run tests
npm run test:coverage run tests and produce a code coverage report in coverage/
npm run test:watch start a test server and re-run tests on every change
npm run build prepare for publishing to npm
npm run clean delete built resources

see also:

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