Crystal React Bootstrap Dashboard is a beautiful, multi-purpose admin dashboard which is with React, Redux & Bootstrap. It contains a lot of simple and easy to use React components. You can use this dashboard to build many kind of dashboard include health, employees, company dashboard.
This package includes:
- Charts
- Buttons
- Notifications
- Sweet Alert
- Redux Form
- AirBnB React Dates
- Google Map
- Uber Vector Map
- React Bootstrap Table
- React Big Calendar
In order to keep our stylesheet easy to maintain and customize by everyone. Stylesheet is writen by SCSS.
Development
git clone https://github.com/jslancerteam/crystal-dashboard
npm install
npm start
Build
npm run build
./src/
├── assets
│ ├── images
│ └── styles
│ ├── base
│ ├── base.scss
│ ├── icons.scss
│ └── react-dates
├── components
│ ├── FormInputs
│ │ ├── Checkbox.js
│ │ ├── Radio.js
│ │ ├── TextInput.js
│ │ ├── index.js
│ │ └── renderField.js
│ ├── MobileMenu.js
│ ├── MyBigCalendar
│ │ ├── Toolbar.js
│ │ └── index.js
│ ├── SideBar
│ │ ├── Nav.js
│ │ ├── UserInfo.js
│ │ └── index.js
│ ├── Switch.js
│ ├── Tags.js
│ └── ThemeOptions.js
├── config
│ └── configureStore.js
├── index.js
├── pages
│ ├── Calendar
│ │ └── index.js
│ ├── Charts
│ │ ├── Nasdaq.js
│ │ ├── PerformanceChart.js
│ │ ├── PublicPreference.js
│ │ ├── UserBehavior.js
│ │ └── index.js
│ ├── Components
│ │ ├── Buttons
│ │ │ ├── ButtonGroups.js
│ │ │ ├── ButtonSizes.js
│ │ │ ├── ButtonStyles.js
│ │ │ ├── ButtonsWithLabel.js
│ │ │ ├── Colors.js
│ │ │ ├── Pagination.js
│ │ │ ├── SocialButtons.js
│ │ │ └── index.js
│ │ ├── Grid
│ │ │ ├── GridCollection.js
│ │ │ ├── Paragraph.js
│ │ │ └── index.js
│ │ ├── Icons.js
│ │ ├── Notifications.js
│ │ ├── Panels
│ │ │ ├── AccordionGroup.js
│ │ │ ├── PageSubcategories.js
│ │ │ ├── TabGroup.js
│ │ │ └── index.js
│ │ ├── SweetAlert.js
│ │ ├── Typography.js
│ │ └── index.js
│ ├── Dashboard
│ │ ├── EmailChart.js
│ │ ├── SalesChart.js
│ │ ├── Tasks.js
│ │ ├── UserBehaviorChart.js
│ │ └── index.js
│ ├── Forms
│ │ ├── ExtendedForms
│ │ │ ├── DatePicker.js
│ │ │ ├── Switches.js
│ │ │ ├── TagSection.js
│ │ │ └── index.js
│ │ ├── RegularForms
│ │ │ ├── FormElements.js
│ │ │ ├── HorizontalForm.js
│ │ │ ├── StackedForm.js
│ │ │ └── index.js
│ │ ├── ValidationForms
│ │ │ └── index.js
│ │ └── index.js
│ ├── Icons
│ │ └── index.js
│ ├── Main
│ │ ├── Footer.js
│ │ ├── Header.js
│ │ └── index.js
│ ├── MapsPage
│ │ ├── GoogleMap.js
│ │ ├── Map.js
│ │ ├── VectorMap.js
│ │ └── index.js
│ ├── Tables
│ │ ├── ExtendedTables
│ │ │ ├── BigTable.js
│ │ │ ├── TableWithLinks.js
│ │ │ ├── TableWithSwitch.js
│ │ │ └── index.js
│ │ ├── ReactBootstrapTable
│ │ │ └── index.js
│ │ ├── RegularTables
│ │ │ ├── PlainBackgroundTable.js
│ │ │ ├── StripedTable.js
│ │ │ └── index.js
│ │ ├── generateData.js
│ │ └── index.js
│ └── UserProfile
│ ├── ProfileForm.js
│ ├── UserInfo.js
│ └── index.js
├── reducers
│ ├── Auth.js
│ ├── Layout.js
│ ├── ThemeOptions.js
│ └── index.js
└── registerServiceWorker.js
David Tran @davidtranwd
Licensed under MIT
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent