Do you need Angular, React, Vuejs or HTML? For the next days, you can get our awesome Bundles with 70% discount! 🔥

Light Bootstrap Dashboard React

Light Bootstrap Dashboard React

Free Bootstrap React Admin Template
· 4.90/5 (235 Reviews)

MIT License

34,964 Downloads
62 Comments
Community Support
6 months Updates
Release: 1 year ago
Update: 3 months ago

30 Handcrafted Elements

3 Customized Plugins

7 Example Pages

Product certified by: Creative Tim

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?
  • Elements · 30
  • Plugins · 3
  • Examples Pages · 7
  • -
  • -
  • -
What is in PRO Version?
  • Elements · 60
  • Plugins · 13
  • Example Pages · 4
  • + Documentation
  • + SASS Files
  • + Sketch Files
Upgrade to PRO

We are here to help you!

62 Web Developers commented on this product

Github Docs FAQ Page

ecasas1994
  • downloaded
1 year 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

einazare
  • owner

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!
1 year ago

knightza123
  • downloaded
1 year ago

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

einazare
  • owner

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.
1 year ago

petertahinduka 1 year 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??
1 year ago

einazare
  • owner

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.
1 year ago

petertahinduka 1 year ago

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

einazare
  • owner

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.
1 year ago

petertahinduka

Hi @einazare 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.
1 year ago

umashankar.singh
  • downloaded
1 year ago

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

einazare
  • owner

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.
1 year 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!
1 year ago

fachreza
  • downloaded
1 year ago

how to use this on laravel ?

einazare
  • owner

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.
1 year ago

fachreza
  • downloaded

@einazare 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
1 year ago

einazare
  • owner

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!
1 year ago

andresmedrano89
  • downloaded
1 year ago

Excelentes Plantillas de administración.!!

eliav.maman
  • downloaded
1 year ago

how to run the project? no npm start

einazare
  • owner

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!
1 year ago

gpotte
  • downloaded
1 year ago

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

einazare
  • owner

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
1 year ago

redsta1
  • downloaded
1 year ago

Hello @einazare , 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

einazare
  • owner

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.
1 year ago

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