Worldwide Creative Tim Meetups ❤️Give us a helping hand to make it happen!

Light Bootstrap Dashboard React

Light Bootstrap Dashboard React

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

MIT License

38,789 Downloads
63 Comments
Community Support
6 months Updates
Release: 2 years ago
Update: 5 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!

63 Web Developers commented on this product

Github Docs FAQ Page

anoirtayeb155
  • downloaded
1 year ago

hey how can i open the first page ?

einazare
  • owner

Hello @anoirtayeb155 and thank you for your interest in using our product. Please read our live docs: https://demos.creative-tim.com/light-bootstrap-dashboard-react/#/documentation/getting-started . Best, Manu.
1 year ago

joshinb87
  • downloaded
1 year ago

Hi, Thanks for the awesome freebies, however i can't find the implemented code of sidebar color and background image change, i would also like to implement that in my personal project, can you send me that version? Thanks

einazare
  • owner

Hello @joshinb87 and thank you for your interest in using our product. That is only used for demo purposes. If you want it, you need to implement it by yourself. It is not that hard to make it, if you know a bit of react it should take you a max of 30 minutes to implement it. Best, Manu.
1 year ago

joshinb87
  • downloaded
1 year ago

i mean sidebar customizer which is in your live demo, but not in the downloaded package.

einazare
  • owner

Hello @joshinb87 . Please read the above comment. Best, Manu.
1 year ago

sriatsav 1 year ago

Can we integrate redux to this ?

einazare
  • owner

Hello @sriatsav . And thank you for your interest in using our product. We haven't used Redux in any of our products and can't really answer your question. But I am going to tell you what we've told to a lot of our users that wanted something in our products that we haven't used. Since this is a free product, you can download it and see if it suits your needs. I am sorry if this was not the answer you were looking for. Best, Manu.
1 year ago

sriatsav 1 year ago

If so, is there any guide to do so.

einazare
  • owner

Hello again @sriatsav . At the moment we do not have a tutorial or a guide on how to add Redux on our products. Best, Manu.
1 year ago

pccgoico
  • downloaded
1 year ago

Failed to compile when npm start ./src/index.js Module not found: Can't resolve 'routes/index.jsx' in '~/light-bootstrap-dashboard-react-html-v1.2.0/src' why is that ?? regards

einazare
  • owner

Hello there @pccgoico . Thank you for your interest in working with our product. Verify if you have a .env file inside your root directory, if you do not have, create it and add NODE_ENV=./src inside it. If this does not do the trick, than create in terminal run <<npm install -g cross-env>> and after this, change the start script by adding NODE_ENV at it's beginning. Hope this info helps you. Best, Manu.
1 year ago

pccgoico
  • downloaded
1 year ago

Thank you very much @einazare :-)

tcyoung14
  • downloaded
11 months ago

Has anyone incorporated this dashboard into a .NET Core project?

feritarslan
  • downloaded
9 months ago

How can I implement private routes on this project?

einazare
  • owner

Hello there @feritarslan . I haven't worked with private routes, and to be honest, I do not know what they are. If you are having trouble understanding our RoutingSystem, you can go ahead and delete it, and create your own static routes, or your own Routing System. Best, Manu.
9 months ago

feritarslan
  • downloaded

I did handle it. I can add this implementation to free version on GitHub.
9 months ago

einazare
  • owner

Hello again @feritarslan . Go ahead and open a PR. Best, Manu.
9 months ago

shailendra
  • downloaded
9 months ago

Hello, How to set pagination view when my api response in form of key and value for example - { "data": [{ "club_id": 1, "club_name": "myclub", "user_id": 24, "address": " Block-B, Radha Krishna Complex", "number": "123", "postal_code": "369", "club_long": "75.8849418", }] "rowsPerPage": 15 } how to i implemented it already done with the form of array in array for example - const dataTable = { headerRow: ['Name', 'Position', 'Office', 'Age', 'Date', 'Actions' ], footerRow: ['Name', 'Position', 'Office', 'Age', 'Date', 'Actions' ], dataRows: [ ['Shailendra Sen', 'Andrew Mike', 'Develop', '2013', '99,225', '1234'], ['Angelica Ramos', 'John Doe', 'Design', '2012', '89,241', '12345'], ] };

einazare
  • owner

Hello there @shailendra and thank you for your interest in working with our products. Unfortunately, this product does not have a Pagination component. Best, Manu.
9 months ago

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