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

colaya

downloaded

6 years ago

Guys, does this framework works in safari (ios/iphone) ??, I tried but doesn't work, I doing something wrong?

ctmployee

downloaded

Hello @colaya and thank you for your interest in this product. Can you please tell us what do you mean it doesn't work? We've made some tests and it work just fine on safari. You can also open an issue on github here: https://github.com/creativetimofficial/light-bootstrap-dashboard-react/issues (on github you can attach stuff like videos, images and we can help you better). All the best, Manu.

6 years ago

renanuzin

downloaded

6 years ago

How i can get the form values with de submit action?

ctmployee

downloaded

Hello @renanuzin and thank you for your interest in our product. This is achieved by using state and onChange events. This is a useful link, it shows you everything https://reactjs.org/docs/forms.html . Best, Manu.

6 years ago

subha97suresh

downloaded

6 years ago

can't loading the index page

ctmployee

downloaded

Hello @subha97suresh . Thank you for using our product. I do not understand what the problem is. Could you please open a issue here << https://github.com/creativetimofficial/light-bootstrap-dashboard-react/issues >> with the whole problem (what the error is) ? Thank you, Manu.

6 years ago

cismat 6 years ago

It is very good, thank you :-)

jumanaromyrix

downloaded

6 years ago

does the login module is included in it because I can't find it

ctmployee

downloaded

Hello @jumanaromyrix and thank you for your interest in using our products. Because this is a free dashboard it does not include a login page. If you want more functionality you need to take the PRO version https://www.creative-tim.com/product/light-bootstrap-dashboard-pro-react . Best, Manu

6 years ago

ventocillaeo 6 years ago

Hi, does it work inside a React Native app ? Not React, but with React Native ?

ctmployee

downloaded

Hello @ventocillaeo and thank you for your interest in using our product. It does not work with React Native, this product is based on ReactJs. Best, Manu.

6 years ago

ventocillaeo 6 years ago

Ok. Is it in the roadmap to have some product working with React Native ?

ctmployee

downloaded

Hello again @ventocillaeo . Yes, we do have in plan to start developing React Native products, but as of moment we lack in personnel. Best, Manu.

6 years ago

alvinafula

downloaded

5 years ago

Nice attractive stuff you've got here

fedeseb

downloaded

5 years ago

Hi, I'm trying to use a standard Bootstrap NavBar from 'react-bootstrapt'.. copy paste the exact code from the website and created a new component. But I think there is a problem (maybe with _responsive.scss ? ) since the collapse button is not working... Thanks, awesome product!

fedeseb

downloaded

fyi... I'm creating a separated landing w/navbar

5 years ago

ctmployee

downloaded

Hello @fedeseb and than you for your interest in using our product. Since we've done some changes with scss, to make the product look a bit better than plain bootstrap, we've made our navbar to open the sidebar instead the collapse. To make it work back like in bootstrap, you need to delete line 103 from src/assets/sass/lbd/_responsive.scss .Best, Manu

5 years ago

peimanruji

downloaded

5 years ago

Hey i just like this awesome template but i don't have mony for buy it, please give this me as a gift! ♡♡ plizzzzz :(

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,116

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

colaya downloaded 6 years ago

ctmployee downloaded

6 years ago

renanuzin downloaded 6 years ago

ctmployee downloaded

6 years ago

subha97suresh downloaded 6 years ago

ctmployee downloaded

6 years ago

cismat 6 years ago

jumanaromyrix downloaded 6 years ago

ctmployee downloaded

6 years ago

ventocillaeo 6 years ago

ctmployee downloaded

6 years ago

ventocillaeo 6 years ago

ctmployee downloaded

6 years ago

alvinafula downloaded 5 years ago

fedeseb downloaded 5 years ago

fedeseb downloaded

5 years ago

ctmployee downloaded

5 years ago

peimanruji downloaded 5 years ago

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

Sharing is caring!

2,485,390 accounts

4,410,624 downloads

Company

Help and Support

Legal

Resources

Login with

colaya

downloaded

6 years ago

ctmployee

downloaded

renanuzin

downloaded

6 years ago

ctmployee

downloaded

subha97suresh

downloaded

6 years ago

ctmployee

downloaded

jumanaromyrix

downloaded

6 years ago

ctmployee

downloaded

ctmployee

downloaded

ctmployee

downloaded

alvinafula

downloaded

5 years ago

fedeseb

downloaded

5 years ago

fedeseb

downloaded

ctmployee

downloaded

peimanruji

downloaded

5 years ago