Light Bootstrap Dashboard React: Free Bootstrap Admin Template @ Creative Tim

	What is in Demo?	What is in PRO Version?
Elements	30	60
Plugins	3	13
Examples Pages	7	4
Full Coded
Documentation
SASS Files
Designer Files
Premium Support

What is in Demo?

What is in PRO Version?

Elements

Plugins

Examples Pages

Full Coded

Documentation

SASS Files

Designer Files

Premium Support

We are here to help you!

68 Web Developers commented on this product

Github Docs Knowledge Center

Custom Development Discord Server

vic_tgn

downloaded

6 years ago

Its good! Visually appealing. I've implemented this with SharePoint Online.

ctmployee

downloaded

@vic_tgn thank you for your kind words. Best, Manu!

6 years ago

emmanuel.pierre

downloaded

6 years ago

great to see ad admin template in react ! whill you make a pro version soon?

ctmployee

downloaded

Hi @emmanuel.pierre . Thank you for your interest in our product. We have started the development of a pro version, but we cannot say how soon will it be done. All the best, Manu!

6 years ago

growwithab

downloaded

6 years ago

Awesome

robertjohansson 6 years ago

Looks awesome and it's really fast! Also interested in a pro version. Another note: I see that you use react-boostrap (Bootstrap 3) instead of reactstrap (Bootstrap 4). Is there any particular reason for this?

ctmployee

downloaded

@robertjohansson thank you for your feedback. We have started the development of a pro version, but we cannot say how soon will it be done. Regarding the choice of react-bootstrap over reactstrap, it was made because Bootstrap 4 isn't yet a stable version of Bootstrap. From what we saw on reactstrap's official page, reactstrap uses bootstrap.4.0.0-alpha.6. If you go on Boostrap's official page, you will see that they already have moved to version 4.0.0 beta. On our products we try and use the latest technologies, but they have to be stable as well. When reactstrap will have a stable version of Bootstrap we will migrate react products on reactstrap. I hope this answers your question. Please let us know if we can help you with anything else. All the best, Manu!

6 years ago

gokul.c

downloaded

6 years ago

Thanks for react admin template. It's really awesome. It would be great if you include popup, form validation and other stuff.

ctmployee

downloaded

Hello @gokul.c and thank you for leaving us your feedback. You can use notifications for popups. As for form validation and other stuff will be added in our pro version. Hope this was of help and in the meantime let us know if we can help you with anything else. All the best, Manu!

6 years ago

tzeematic

downloaded

6 years ago

Please who can tell me vividly what this light bootstrap all about?. I need an explanation pls Thanks

ctmployee

downloaded

Hi @tzeematic . This is the react version of "light bootstrap dashboard". Light bootstrap dashboard is an admin template developed over bootstrap 3 and react is a framework over javascript. Light bootstrap dashboard react is built on top of React Bootstrap (https://react-bootstrap.github.io/), using Light Bootstrap Dashboard (https://www.creative-tim.com/product/light-bootstrap) and it is fully responsive. For more information please refer to our light bootstrap dashboard react documentation (https://github.com/creativetimofficial/light-bootstrap-dashboard-react or http://lbd-react.creative-tim.com/#/components#getting-started-row), light bootstrap dashboard documentation (https://github.com/creativetimofficial/light-bootstrap-dashboard), react-bootstrap documentation (https://react-bootstrap.github.io/introduction.html) or react documentation (https://facebook.github.io/react/). I hope this answers your question and in the meantime please let us now if you have any other questions. All the best, Manu!

6 years ago

safeimuslim

downloaded

6 years ago

Waiting pro version.

john.sayo 6 years ago

Your Live Demo is not working. "Application error An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details."

ctmployee

downloaded

Hi @john.sayo . We have experienced some trouble with our hosting server. We have solved this issue and now our server is back online. All the best, Manu!

6 years ago

ernesto.silva

downloaded

6 years ago

It look good

joshmurrayeu 6 years ago

When you open the navbar on mobile, once you click on a link to take you elsewhere, I personally think the navbar should then close (or collapse) as the user wishes to view the page they just clicked on. What do you think?

ctmployee

downloaded

Hi @joshmurrayeu and thank you for your feedback. This is a great idea. We are going to add this functionality in our next update on this product. All the best, Manu!

6 years ago

You have to be logged in to post a comment. Login here.

[2.0.0] 2021-01-21

IMPORTANT

We have updated this product from Bootstrap 3 to Bootstrap 4, so in essence, this is a new product

For this, we have followed the guidelines from here and here

We also did not add Bootstrap variables as part of our styles (we will do so in one of our next updates, probably in version 3.0.0 when we'll add Bootstrap 5) ### Bug fixing

Renamed all files to .js, instead of .jsx

Refactor all files from class components to functional ones, so now, you can use React Hooks

https://github.com/creativetimofficial/light-bootstrap-dashboard-react/issues/62

https://github.com/creativetimofficial/light-bootstrap-dashboard-react/issues/58

https://github.com/creativetimofficial/light-bootstrap-dashboard-react/issues/52

https://github.com/creativetimofficial/light-bootstrap-dashboard-react/issues/50 ### Major style changes

Since the update from Bootstrap 3 to Bootstrap 4, all styles have been changed ### Deleted components

src/components/Card/Card.jsx (we'll use the simple React Bootstrap tags instead)

src/components/CustomButton/CustomButton.jsx (we'll use the simple React Bootstrap tags instead)

src/components/CustomCheckbox/CustomCheckbox.jsx (we'll use the simple React Bootstrap tags instead)

src/components/CustomRadio/CustomRadio.jsx (we'll use the simple React Bootstrap tags instead)

src/components/FormInputs/FormInputs.jsx (we'll use the simple React Bootstrap tags instead)

src/components/StatsCard/StatsCard.jsx (we'll use the simple React Bootstrap tags instead)

src/components/Tasks/Tasks.jsx (we'll use the simple React Bootstrap tags instead)

src/components/UserCard/UserCard.jsx (we'll use the simple React Bootstrap tags instead) ### Added components ### Deleted dependencies

react-notification-system (we'll use react-notification-alert from now on)

@types/googlemaps

@types/markerclustererplus

@types/react

react-google-maps (we'll use simple Google Maps API with Vanilla JS)

react-toggle (we'll use the simple React-Bootstrap Form.Check as a switch instead) ### Added dependencies

[email protected] (instead of the react-notification-system)

[email protected] (as part of the react-notification-alert)

[email protected] (since Bootstrap requires it)

@fortawesome/[email protected] (For easier update of the package - instead of a link inside public/index.html)

[email protected] (For Creative Tim licenses)

[email protected] (For Creative Tim licenses) ### Updated dependencies


bootstrap 3.3.7 → 4.6.0
node-sass 4.12.0 → 4.14.1
react 16.8.6 → 17.0.1
react-bootstrap 0.32.4 → 1.4.3
react-chartist 0.13.3 → 0.14.3
react-dom 16.8.6 → 17.0.1
react-router 5.0.0 → 5.2.0
react-router-dom 5.0.0 → 5.2.0
react-scripts 3.0.0 → 4.0.1
typescript 3.4.3 → 4.1.3

### Warning The TypeScript and jQuery dependencies are installed only to stop console warnings on install. They are not actually used in our product. So the product is not based on TypeScript or jQuery! The following warnings will appear when running the installation command, but they do not affect the UI or the functionality of the product (they will be solved in our next update):


npm WARN [email protected] requires a peer of react@^0.14.9 || ^15.0.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] || ^15.0.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of react@^0.14.0 || ^15.0.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.

If they will persist in our 2.4.* version, we will drop their usages and replace them with other plugins. In development mode, some of the above plugins will throw a warning because they still use React v16 syntax. If the error will persist in our 2.4.* version, we will drop their usage and replace them with other plugins. ### Upgrade details

Updated all packages from package.json using npm-upgrade, link here: https://www.npmjs.com/package/npm-upgrade

Renamed all ControlLabel components to FormLabel (this refers to the react-bootstrap components)

Renamed all Grid components to Container (this refers to the react-bootstrap components)

Rename all HelpBlock components to FormText

Rename all MenuItem components to Dropdown.Item and NavDropdown.Item

Rename all Panel components to Card

Deleted variables folder

Change the usage of React Big Calendar to the new API, so instead of


import BigCalendar from "react-big-calendar";

And


const localizer = BigCalendar.momentLocalizer(moment);

We will have:


import { Calendar as BigCalendar, momentLocalizer } from "react-big-calendar";

And


const localizer = momentLocalizer(moment);

Change Panels with new react-bootstrap components

For Col componets, replaced size={number1} sizeOffest={number2} with size={{span: number1, offset: number2}} where size can be xs, sm, md, lg

Changed bsStyle to variant

Changed bsSize to size

Replace <Navbar.Header> with <div className=“navbar-header”>

Replace <Navbar.Form> with <div className="navbar-search-form navbar-form navbar-left">

Replace <FormGroup> with <Form.Group>

Replace <InputGroup.Addon> with <InputGroup.Prepend><InputGroup.Text> and <InputGroup.Append><InputGroup.Text>

All required images have a default prop at the end now, example: const us_flag = require("../assets/img/flags/US.png"); was changed to const us_flag = require("../assets/img/flags/US.png").default;

Rename all .jsx files to .js

Added Row and Col inside StatsCard

Delete eventKey from NavDropdown components

Deleted noCaret from NavDropdown components

Replace Navbar fluid with Navbar → Container fluid

Add fontawesome as dependencie instead of font link insde public/index.html, it is now imported insde src/index.js

In addition to these changes, we’ve chaned the structure of the pages and components as well to match those from the HTML version of the product: https://www.creative-tim.com/product/light-bootstrap-dashboard

[1.3.0] 2019-05-03

Bug fixing

Renamed src/layouts/Dashboard/Dashboard.jsx to src/layouts/Admin.jsx

Renamed src/views/Dashboard/Dashboard.jsx to src/views/Dashboard.jsx

Renamed src/views/Dashboard/Dashboard.jsx to src/views/Icons.jsx

Renamed src/views/Dashboard/Dashboard.jsx to src/views/Maps.jsx

Renamed src/views/Dashboard/Dashboard.jsx to src/views/Notifications.jsx

Renamed src/views/Dashboard/Dashboard.jsx to src/views/TableList.jsx

Renamed src/views/Dashboard/Dashboard.jsx to src/views/Typography.jsx

Renamed src/views/Dashboard/Dashboard.jsx to src/views/Upgrade.jsx

Renamed src/views/Dashboard/Dashboard.jsx to src/views/UserProfile.jsx

Renamed src/components/Header to src/components/Navbars

Renamed src/components/Navbars/Header.jsx to src/components/Navbars/AdminNavbar.jsx

Renamed src/components/Navbars/HeaderLinks.jsx to src/components/Navbars/AdminNavbarLinks.jsx

Changes caused by running the prettier command for .jsx, .js, .html and .css files

Changed our buggy routing system, now it should work flawlessly, for more info, please refer to our live docs here

Solved

https://github.com/creativetimofficial/light-bootstrap-dashboard-react/issues/48
https://github.com/creativetimofficial/light-bootstrap-dashboard-react/issues/47
https://github.com/creativetimofficial/light-bootstrap-dashboard-react/issues/34
https://github.com/creativetimofficial/light-bootstrap-dashboard-react/issues/30
https://github.com/creativetimofficial/light-bootstrap-dashboard-react/issues/19
https://github.com/creativetimofficial/light-bootstrap-dashboard-react/issues/17
https://github.com/creativetimofficial/light-bootstrap-dashboard-react/issues/15

Removed .env file and replaced it with jsconfig.json

Small bug fixes ### Removed dependencies/components

Deleted src/routes/* folder

node-sass-chokidar

npm-run-all ### Added dependencies/components

Added src/routes.js file (instead of the three files from src/routes/*)

@types/[email protected] (to stop install warnings)

[email protected] (to stop install warnings)

[email protected] (react-router-dom auto-installs this package, but it is better to have them both inside package.json)

[email protected] ### Update dependencies

node-sass 4.6.1 → 4.12.0

react 16.2.0 → 16.8.6

react-bootstrap 0.32.1 → 0.32.4

react-chartist 0.13.1 → 0.13.3

react-dom 16.2.0 → 16.8.6

react-router-dom 4.2.2 → 5.0.0

react-scripts 1.1.1 → 3.0.0

[1.2.0] 2018-04-12

Bug fixing

Added fluid prop on Grid component in Footer

Moved all the contents of elements folder to components folder and delete it

Renamed containers folder to layouts

Renamed App/App.jsx to Dashboard/Dashboard.jsx

Renamed src/routes/app.jsx to src/routes/dashboard.jsx

Renamed appRoutes to dashboardRoutes

Added src/routes/index.jsx and made the routes in src/index.js dynamically based on indexRoutes from src/routes/index.jsx (users can now make new layouts and routes for them easier) ### Removed dependencies/components

[email protected]

[email protected] ### Added dependencies/components

[email protected]

[email protected] (insted of [email protected])

[email protected] (and deleted src/assets/bootstrap.min.css?v=3.3.5) ### Update dependencies

[email protected] to [email protected]

[1.1.0] 2017-10-30

Bug fixing

Changed property of isChecked in CustomCheckbox

Removed hover state for checkboxes and radios

Moved NotificationSystem outside of .main-panel (for responsive issues)

All div's with Bootstrap classes (.container,.container-fluid,.row,.col-*) were changed in React-Bootstrap components

Changed Notifications Places buttons from buttons with className to our own button component CustomButton

Added property round in CustomButton (for the button class .btn-round)

Added dynamic routes

Light Bootstrap Dashboard React

Light Bootstrap Dashboard React

Free Bootstrap React Admin Template

Free Bootstrap React Admin Template

Product description

Product certified by: Creative Tim

89,067

2.0.1

1 year ago

6 years ago

30

3

7

Upgrade to PRO Version

We are here to help you!

68 Web Developers commented on this product

vic_tgn downloaded 6 years ago

ctmployee downloaded

6 years ago

emmanuel.pierre downloaded 6 years ago

ctmployee downloaded

6 years ago

growwithab downloaded 6 years ago

robertjohansson 6 years ago

ctmployee downloaded

6 years ago

gokul.c downloaded 6 years ago

ctmployee downloaded

6 years ago

tzeematic downloaded 6 years ago

ctmployee downloaded

6 years ago

safeimuslim downloaded 6 years ago

john.sayo 6 years ago

ctmployee downloaded

6 years ago

ernesto.silva downloaded 6 years ago

joshmurrayeu 6 years ago

ctmployee downloaded

6 years ago

You have to be logged in to post a comment. Login here.

Sharing is caring!

2,483,174 accounts

4,407,422 downloads

Company

Help and Support

Legal

Resources

Login with

vic_tgn

downloaded

6 years ago

ctmployee

downloaded

emmanuel.pierre

downloaded

6 years ago

ctmployee

downloaded

growwithab

downloaded

6 years ago

ctmployee

downloaded

gokul.c

downloaded

6 years ago

ctmployee

downloaded

tzeematic

downloaded

6 years ago

ctmployee

downloaded

safeimuslim

downloaded

6 years ago

ctmployee

downloaded

ernesto.silva

downloaded

6 years ago

ctmployee

downloaded