❤️ Creative Tim Club - Access all our Present & Future Premium Products

Light Bootstrap Dashboard React

Free Bootstrap React Admin Template

Product description


Light Bootstrap Dashboard React is an admin dashboard template designed to be beautiful and simple. It is built on top of Light Bootstrap Dashboard and React JS and it is fully responsive. It comes with a big collection of elements that will offer you multiple possibilities to create the app that best fits your needs. It can be used to create admin panels, project management systems, web applications backend, CMS or CRM.

The product represents a big suite of front-end developer tools that can help you jump start your project. We have created it thinking about things you actually need in a dashboard. Light Bootstrap Dashboard React contains multiple handpicked and optimised plugins. Everything is designed to fit with one another.

It comes with 6 filter colors for the sidebar (“black”, “azure”,”green”,”orange”,”red”,”purple”) and an option to have a background image.

Special thanks go to:

We are very excited to share this dashboard with you and we look forward to hearing your feedback!

You can find the Github Repo here.



Product certified by: Creative Tim
Light Bootstrap Dashboard React - Fully Coded and Responsive HTML5
Light Bootstrap Dashboard React - Sass Files for Professional Front End Developers
Light Bootstrap Dashboard React - Crafted with Bootstrap - the most popular Front End Framework
Light Bootstrap Dashboard React - JavaScript library for building user interfaces
Downloads
88,738
Version
2.0.1
Changelog
Updated
1 year ago
Released
6 years ago
Reviews
Star
Handcrafted Elements
30
Customized Plugins
3
Example Pages
7
Community Support
Documentation
Fully Responsive

Upgrade to PRO Version

Get more power with Light Bootstrap Dashboard PRO React. It has a lot more features compared to the free version. We hope you will create awesome websites/templates with this product!

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

We are here to help you!

68 Web Developers commented on this product

ecasas1994
  • downloaded
6 years ago

Hello @einazare, great product. Have you noticed that between 1400px and 1000px there is a white space at the right of the screen? Is that a bug?? Thanks

ctmployee
  • downloaded

Hello @ecasas1994 and thank you for your feedback. We did not know of this. We are going to make an update and fix this. The fix for this bug is to add "fluid" prop to the <Grid> react-bootstrap-component in our Footer component ("src/components/Footer/Footer.jsx" - line 8 from "<Grid>" to "<Grid fluid>"). All the best, Manu!
6 years ago

knightza123
  • downloaded
6 years ago

how can i edit react-route please i wanna know if i pay to pro

ctmployee
  • downloaded

Hello @knightza123 . You can find the routes in "/src/routes/app.jsx". Here we import each page of the app and create an array of objects in which we specify the path and component for each page (this is for creating the app routes <<react-router-dom>> in "src/containers/App/App.jsx" - see line 15 and lines 103-127), we specify the name of the page (this is for creating the name that appears in the navbar <<see line 6, lines 33-57 and line 63 in "src/components/Header/Header.jsx">> and the name that appears in the sidebar <<see line 9 and lines 50-61 in "src/components/Sidebar/Sidebar.jsx">>) and we specify the icon for this page (this is for the icon that appears alongside with the name in the sidebar component <<see line 9, lines 50-61 and line 55 in "src/components/Sidebar/Sidebar.jsx">>). Hope this information helps you. Please let us know if we can help you with anything else. Best, Manu.
6 years ago

petertahinduka 6 years ago

Hello everybody, I'm new to this whole React trend so help understand why I have an error: ./src/index.js Module not found: Can't resolve 'containers/App/App.jsx' and how I could possibly deal with it. i followed the documentation but I have no idea what to do next.

gregory.mujica
  • downloaded

hello, how do you resolved this??
6 years ago

ctmployee
  • downloaded

Hello @gregory, this issue was discussed on github.com here: https://github.com/creativetimofficial/light-bootstrap-dashboard-react/issues/4 , if you have any other questions, you can open one there. Best, Manu.
6 years ago

petertahinduka 6 years ago

Oh I found a way to rectify the issue...looking forward to working with this blueprint of perfection. Thanks @ctmployee for the feedback.

ctmployee
  • downloaded

Hi @petertahinduka and thanks for using our product. I am glad to hear that everything is ok now, but could you tell us what was wrong, how did you rectify the issue? If you have any other questions let us know how we can help you. You can open issues if you want on github here: https://github.com/creativetimofficial/light-bootstrap-dashboard-react/issues . Best, Manu.
6 years ago

petertahinduka

Hi @ctmployee the application wasn't resolving the App.jsx complaining that 'module not found' until I added the cross-env NODE_PATH variable in the package.json file. Again, thanks.
6 years ago

umashankar.singh
  • downloaded
6 years ago

Amazing template. Please guide how could I run this forever on server? I tried with PM2 but I'm doing something wrong.

ctmployee
  • downloaded

Hello @umashankar.singh and thank you for your interest in our product. The easiest way is to deploy it on a cloud application pltaform such as heroku (see this tutorial here: https://blog.heroku.com/deploying-react-with-zero-configuration) and link from your host to this. You could also use github pages or surge (see this tutorial here for surge and github pages: https://medium.freecodecamp.org/surge-vs-github-pages-deploying-a-create-react-app-project-c0ecbf317089). In our searches we've also found these two tutorials: <<https://scotch.io/tutorials/react-on-the-server-for-beginners-build-a-universal-react-and-node-app>> and <<https://medium.com/@kayode.adechinan/host-react-application-on-apache-server-90c803241483>> . Hope that information helps you. Please let us know if we can help you with anything else. Best, Manu.
6 years ago

umashankar.singh
  • downloaded

Thanks for the help. I have installed PM2 and running following command in the directory does the work. pm2 start npm -- start Thanks again!
6 years ago

fachreza
  • downloaded
6 years ago

how to use this on laravel ?

ctmployee
  • downloaded

Hello @fachreza , and thank you for your interest in our products. In our search we've found numerous tutorials on how to integrate React with Laravel. Each has a unique way of doing it. Please read these tutorials and see which is the better one for what you are building: 1) https://codeburst.io/reactjs-app-with-laravel-restful-api-endpoint-part-1-b3991dbf99f2 . 2) https://appdividend.com/2017/08/31/laravel-5-5-reactjs-tutorial/ . 3) https://medium.com/@connorleech/adding-react-js-to-laravel-5-4-web-applications-with-laravel-mix-1c3e82950a20 . I hope this information helps. Please let us know if we can help you with anything else. All the best, Manu.
6 years ago

fachreza
  • downloaded

@ctmployee thanks for your reply, actually i already install my react js on laravel. but when i try to integrate this theme i got some error. These dependencies were not found: * containers/App/App.jsx in ./resources/assets/js/components/lbd-react/src/index.js * react-router-dom in ./resources/assets/js/components/lbd-react/src/index.js
6 years ago

ctmployee
  • downloaded

For the issue with App, try one of the following : 1. Change "NODE_PATH=src" to "NODE_PATH=./src" inside ".env" file; 2. Change "react-scripts start" to "cross-env NODE_PATH=./src react-scripts start" inside package.json (this would require cross-env to be installed globally); 3. Change all relative paths to absolute paths; The other error is caused by the lack of node modules. For this, you need to run in terminal npm inatall where you have your project (http://lbd-react.creative-tim.com/?_ga=2.225376282.1872578216.1513592948-1697106814.1511365864#/components#getting-started-row). Hope this helps you. Manu!
6 years ago

andresmedrano89
  • downloaded
6 years ago

Excelentes Plantillas de administración.!!

eliav.maman
  • downloaded
6 years ago

how to run the project? no npm start

ctmployee
  • downloaded

Hello, after you have downloaded the product from this website, please follow these steps here : http://lbd-react.creative-tim.com/?_ga=2.32890232.731861492.1514242049-1697106814.1511365864#/components#getting-started-row . You can open issues on github.com if there is something else here : https://github.com/creativetimofficial/light-bootstrap-dashboard-react/issues . All the best, Manu!
6 years ago

gpotte
  • downloaded
6 years ago

I love this template but I can't manage to make the footer stick to the bottom of my browser. any hint ?

ctmployee
  • downloaded

Hello @gpotte . Thank you for your interest in our products, and sorry for the late response. As of yet, we do not have a property for sticky footer. You can try using this: http://getbootstrap.com/docs/3.3/examples/sticky-footer-navbar/ . All the best, Manu
6 years ago

redsta1
  • downloaded
6 years ago

Hello @ctmployee , I do't knoe what I did wrong, but I can't run the project anymore without getting this error: "./src/components/Tasks/Tasks.jsx Line 7: 'handleCheckbox' is not defined no-undef ". Please let me know how I can fix it. Thanks

ctmployee
  • downloaded

Hello @redsta1 . My guess is that you accidentally deleted something there at line 7, the handleCheckbox function should look like this: <<handleCheckbox = event => { const target = event.target; console.log(event.target); this.setState({ [target.name]: target.checked }); };>> . I hope this information helps you. All the best, Manu.
6 years ago

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