React & Tailwind - Open-source Dashboard

Open-source dashboard template crafted by Creative Tim in React and Tailwind CSS - product can be downloaded directly from Github (MIT License).

React & Tailwind - Open-source Dashboard

This article presents a beautiful React Dashboard crafted by Creative-Tim and styled with Tailwind CSS, a super trendy CSS framework at the moment we speak. The product, released under the MIT License, can be downloaded from the official page or directly from Github and used for commercial projects without limitations.  Thanks for reading!

The main page of a modern dashboard with many data widgets and charts crafted in react and Tailwind by Creative-Tim.
React Tailwind - Open-source Dashboard Template.

Official Product Description - Material Tailwind Dashboard React is a free Admin Template based on two popular front-end technologies: Tailwind CSS & React. It was built to simplify the developer's work and is comes with a fresh design inspired by Google's Material Design. All its components are built to fit perfectly with each other, while aligning to the material concepts.

UI Kit - The product comes with 120+ fully coded components and 4 example pages like Dashboard, Settings, Google Maps, and Authentication pages. his beautiful admin also comes with 5 color filter choices for both the sidebar and the card headers (blue, green, orange, red and purple) and an option to have a background image on the sidebar.

The general layout resembles sheets of paper following multiple layers, so that the depth and order is obvious. Inside the archive you will find multiple example pages on how to use all components.  

How to download the product

The easiest way is to access the product page and click the download option (available for registered users). Another option is to access the official product repository and download the ZIP or simply clone the sources using GIT. Also might be useful to take a look at the official documentation of the product (link below):

How to build the product

Curious minds can build this product with just a few commands typed in the terminal. To have a successful build, we need a minimal programming kit already installed and accessible in the terminal: Nodejs (>= 10.x), and GIT to clone the sources from the public repository.

Step #1 - Download the sources

$ git clone https://github.com/creativetimofficial/material-tailwind-dashboard-react.git
$ cd material-tailwind-dashboard-react 

Step #2 - Install dependencies via NPM or Yarn

$ npm install
// OR
$ yarn

Step #3 - Start the project in development mode

$ npm run start
// OR
$ yarn start

Once the project is started, we can visit the template in the browser http://localhost:3000

A modern user profile page with colorful elements, nice widgets and a form that displays the user information. The Page is provided by React Tailwind Dashboard, crafted and released for free by Creative-Tim.
React Tailwind - User Profile page.
React Tailwind Dashboard - Landing Page
A simple landing page that displays a photo of an user and other user-related information - page provided by React Tailwind Dashboard, an open-source product crafted by Creative Tim agency.
React Tailwind - Landing Page.

Thanks for reading! For more resources, please access:

The thumb images of three open-source products designed in React by Creative Tim.
React Templates designed by Creative-Tim.