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

Free Bootstrap 4 React Admin Template

Product description


Now UI Dashboard React is an admin dashboard template designed by Invision and coded by Creative Tim. It is built on top of Reactstrap, using Now UI Dashboard and it is fully responsive. It comes with a big collections 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. Now UI Dashboard React contains multiple handpicked and optimized plugins. Everything is designed to fit with one another. As you will be able to see, the dashboard you can access on Creative Tim is a customization of this product.

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

Product certified by: Creative Tim
Now UI Dashboard React - Fully Coded and Responsive HTML5
Now UI Dashboard React - Sass Files for Professional Front End Developers
Now UI Dashboard React - Photoshop Files for Professional Designers
Now UI Dashboard React - Sketch Files for Professional Designers
Now UI Dashboard React - Crafted with Bootstrap - the most popular Front End Framework
Now UI Dashboard React - JavaScript library for building user interfaces
Downloads
20,827
Version
1.5.2
Changelog
Updated
10 months ago
Released
6 years ago
Reviews
Star
Handcrafted Elements
16
Customized Plugins
5
Example Pages
7
Community Support
Documentation
Fully Responsive

Upgrade to PRO Version

Get more power with Now UI 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 16 160
Plugins 5 13
Examples Pages 7 7
Full Coded
Documentation
SASS Files
Designer Files
Premium Support

We are here to help you!

22 Web Developers commented on this product

heatherford
  • downloaded
6 years ago

@creative-tim What is the difference between the regular dashboard and the ReactJS dashboard?

ctmployee
  • downloaded

Hi @heatherford . Thank you for your interest in working with our products. The basic product that comes in the regular HTML archive, is built using static HTML files which have jQuery as the base javascript framework which is manipulating different elements from the page. The Angular/Vue.js/React versions of our products are those which use one of those frameworks as the core structure and they are built as SAP (Single Page Application). That means that all the elements, components, pages etc. are handled by the framework. These products which are using Angular/Vue.js/React doesn't use jQuery for any of the core functionalities. To work with any product that has Angular/Vue.js/React you need to have knowledge about that framework. If you are not familiar with these frameworks, we recommend you to work with the simple HTML version as it is easier to be integrated into a project which for example contains PHP and MySQL. Or learn a little bit about them, before purchasing a product. In this way, you will save a lot of development time. Hope this information helps. Please let us know if we can give any other details. Best, Manu
6 years ago

janmichael_0123lj5
  • downloaded

Very good explanation Manu. Thank you!
5 years ago

ragunathock
  • downloaded
6 years ago

Good

mcheung63
  • downloaded
6 years ago

It is great

cismat
  • downloaded
5 years ago

It is very good, thank you :-)

gregory.mujica
  • downloaded
5 years ago

hi, i have this problem: npm start > [email protected] start /home/desarrollo/Escritorio/dashboard (bootstrap 4) > npm-run-all -p watch-css start-js > [email protected] watch-css /home/desarrollo/Escritorio/dashboard (bootstrap 4) > npm run build-css && node-sass-chokidar --include-path ./src --include-path ./node_modules src/ -o src/ --watch --recursive > [email protected] start-js /home/desarrollo/Escritorio/dashboard (bootstrap 4) > cross-env NODE_PATH=./src react-scripts start > [email protected] build-css /home/desarrollo/Escritorio/dashboard (bootstrap 4) > node-sass-chokidar --include-path ./src --include-path ./node_modules src/ -o src/ Rendering Complete, saving .css file... Wrote CSS to /home/desarrollo/Escritorio/dashboard (bootstrap 4)/src/assets/scss/now-ui-dashboard.css Wrote 1 CSS files to /home/desarrollo/Escritorio/dashboard (bootstrap 4)/src/ module.js:544 throw err; ^ Error: Cannot find module 'webpack' at Function.Module._resolveFilename (module.js:542:15) at Function.Module._load (module.js:472:25) at Module.require (module.js:585:17) at require (internal/module.js:11:18) at Object.<anonymous> (/home/desarrollo/Escritorio/dashboard (bootstrap 4)/node_modules/webpack-dev-server/lib/Server.js:22:17) at Module._compile (module.js:641:30) at Object.Module._extensions..js (module.js:652:10) at Module.load (module.js:560:32) at tryModuleLoad (module.js:503:12) at Function.Module._load (module.js:495:3) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] start-js: `cross-env NODE_PATH=./src react-scripts start` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the [email protected] start-js script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /home/desarrollo/.npm/_logs/2018-05-04T15_36_18_355Z-debug.log ERROR: "start-js" exited with 1. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] start: `npm-run-all -p watch-css start-js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the [email protected] start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /home/desarrollo/.npm/_logs/2018-05-04T15_36_18_457Z-debug.log

ctmployee
  • downloaded

Hello again @gregory.mujica and thank you for using our product. Before you run "npm start", you need to run "npm install". You have all the steps here: https://timcreative.github.io/now-ui-dashboard-pro-react/#/documentation/tutorial . If you are still having this issue, please open an issue on github here: https://github.com/creativetimofficial/now-ui-dashboard-pro-react/issues . Best, Manu
5 years ago

ctmployee
  • downloaded

Hello again @gregory.mujica and thank you for using our product. Before you run "npm start", you need to run "npm install". You have all the steps here: https://www.creative-tim.com/live/now-ui-dashboard-react . If you are still having this issue, please open an issue on github here: https://github.com/creativetimofficial/now-ui-dashboard-react/issues . Best, Manu just now
5 years ago

darraghhompson
  • downloaded
5 years ago

This looks amazing! Keep up the fantastic work!

chaisofts
  • downloaded
5 years ago

Good

hardik_rathore
  • downloaded
5 years ago

for node v8.9.4 getting this error ./src/index.js Module not found: Can't resolve 'assets/css/demo.css' in

ctmployee
  • downloaded

Hello @hardik_rathore and thank you for your interest in using our product. Can you please try installing cross-env globally and then change the start script to "start": "NODE_PATH=./src npm-run-all -p watch-css start-js", . Best, Manu.
5 years ago

ctmployee
  • downloaded

Hello @hardik_rathore and thank you for your interest in using our product. Can you please try installing cross-env globally and then change the start script to "start": "NODE_PATH=./src npm-run-all -p watch-css start-js", . Best, Manu.
5 years ago

bakorkiarkongor
  • downloaded
5 years ago

I have created one server with node.js express and mongodb and i want to connect it with this template. I have made some changes in this template also like in place of icon i have replace it Login. So my main problem now is how to connect to my server with this template

ctmployee
  • downloaded

Hello @bakorkiarkongor and thank you for your interest in using our product. I am not sure i understand your question. If you already have an application and you want to add our template over your application, you just need to copy our styles in your project and after that copy the components that you want/need in your already stated application. Makes sense? Best, Manu.
5 years ago

bakorkiarkongor
  • downloaded
5 years ago

OK.. sorry for the late reply but will try for sure..Please keep in touch as I am developing one MERN app and I desperately need your help @ctmployee . Thank You very much.

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