Now UI Dashboard React

Now UI Dashboard React is a free admin dashboard template from Creative Tim, built on React and Reactstrap, that provides a complete set of dashboard pages and components for building backend interfaces. It is the React version of the Now UI Dashboard design and is available alongside HTML and Angular versions.

What is Now UI Dashboard React?

Now UI Dashboard React is a free, MIT-licensed admin dashboard template that runs on React and uses Reactstrap to bring Bootstrap 4 styling to React components. It takes the Now UI Dashboard design and reimplements it as a collection of React components, views, and routes; you work with its file structure to build an admin panel, project management system, web application backend, CMS, or CRM. The template is created and maintained by Creative Tim and is versioned at 1.5.2.

Key Features

• Technology stack — Built with React via create-react-app, styled with Reactstrap and SCSS, with component files organized under src/components, src/elements, and src/views.
• Sidebar customization — Six filter colors for the sidebar (black, blue, green, orange, red, yellow) plus an option to set a background image.
• Included pages — Pre-built views for Dashboard, Icons, Maps, Notifications, Tables, Typography, and User Profile, each wired to routes in src/routes/app.js.
• Handpicked plugins — Bundled plugins such as a notification system and chart variables, with configuration files under src/variables for charts, icons, and general settings.
• Fully responsive — Responsive layout supported on the last two versions of Chrome, Firefox, Edge, Safari, and Opera.
• One-click deployment — Deploy directly to Genezio with a single click from the repository.
• Documentation — The supplied documentation site includes a tutorial with component examples at demos.creative-tim.com.

Who is it for?

• Front-end developers starting a new admin interface who want a pre-built set of React components and pages rather than building from scratch.
• Full-stack developers who need a backend UI for a CMS, CRM, or project management tool and can reuse the template's routing and view structure.
• Creative Tim users already familiar with Now UI Dashboard who want the same design in React for a single-page application.

What can you do with it?

• Admin panel builders: Assemble a complete admin dashboard by combining the included Dashboard, Table, User Profile, and Maps views with your own data and API calls.
• CMS/CRM creators: Use the Card, FormInputs, CustomButton, and CustomCheckbox components to compose forms and content management screens.
• Rapid prototyping: Ship a clickable front-end prototype of a management tool in hours by cloning the repository and editing the view files in src/views.

How do you set it up?

There are three quick start options. You can install the package with npm i now-ui-dashboard-react and import components from the dist folder, clone the repository with git clone https://github.com/creativetimofficial/now-ui-dashboard-react.git, or download the zip archive from GitHub or the Creative Tim product page.

Pricing

Now UI Dashboard React is free to download and use. It is licensed under the MIT license, which permits commercial use.

FAQ

Is Now UI Dashboard React free?

Yes, the template is free to download from both GitHub and the Creative Tim website, and it is released under the MIT license.

What technologies does it use?

It uses React (set up with create-react-app), Reactstrap for Bootstrap components, and SCSS for styling. The source is organized into src/components, src/elements, src/views, and src/routes.

What pages are included?

The template includes Dashboard, Icons, Maps, Notifications, Tables, Typography, and User Profile views. A documentation page with a tutorial is also part of the project.

Can I change the sidebar color?

Yes, the sidebar supports six filter colors: black, blue, green, orange, red, and yellow. You can also add a background image.

Is the template responsive?

Yes, it is fully responsive and officially supports the last two versions of Chrome, Firefox, Edge, Safari, and Opera.