React Dashboard Template - Argon Dashboard
Tags: react, dashboards, webdev, creativetim
Published: 2020-08-25 08:23:38

---
title: React Dashboard Template - Argon Dashboard
published: true
description: An open-source React Dashboard Template coded on top of Argon Dashboard design and released under the MIT License by Creative-Tim.
canonical_url: https://admin-dashboards.com/react-dashboard-template-argon-dashboard/
tags: react, dashboards, webdev, creativetim
cover_image: https://raw.githubusercontent.com/admin-dashboards/react-dashboard-argon/master/media/react-dashboard-argon-screen.png
---
Hello Coders.

This article presents a simple **React Dashboard Template** on top of a modern **Argon Dashboard** design crafted for free by Creative-Tim agency. This open-source React Template built with Bootstrap 4 and Reactstrap comes with 100 individual components and 7 pre-built pages that might help you save a lot of time going from prototyping to full-functional code because all elements are implemented. 

---

> Thanks for reading! The relevant links (for fast-runners) are below:

- [Argon Dashboard React](https://www.creative-tim.com/product/argon-dashboard-react?AFFILIATE=128200), the product page
- [Argon Dashboard React Demo](https://demos.creative-tim.com/argon-dashboard-react/#/admin/index?AFFILIATE=128200), LIVE deploy
- [Argon Dashboard React PRO](https://www.creative-tim.com/product/argon-dashboard-pro-react?AFFILIATE=128200) - For more components and pages
- More [React Templates](https://www.creative-tim.com/templates/react?AFFILIATE=128200), provided by Creative-Tim

---

![React Dashboard Template - Argon Dashboard, animated presentation.](https://raw.githubusercontent.com/admin-dashboards/react-dashboard-argon/master/media/react-dashboard-argon-intro.gif)

---

## What is [React](https://reactjs.org/)

For newcomers, React is a Javascript library for building user interfaces, .. fast. This well-known JS library helps developers to compose complex UIs from small and isolated pieces of code called "reusable UI components", which present data that changes over time. To start playing with React, feel free to access below resources:

- [React](https://reactjs.org/) - the official project site
- [Intro to React](https://reactjs.org/tutorial/tutorial.html#what-is-react) - a nice tutorial for beginners
- [ReactJS - Quick Guide](https://www.tutorialspoint.com/reactjs/reactjs_quick_guide.htm), published by TutorialsPoint

---

## [Argon Dashboard React](https://www.creative-tim.com/product/argon-dashboard-react?AFFILIATE=128200) - Product Info

*Official product Info* - Start your development with a Dashboard for Bootstrap 4, React, and Reactstrap, made with create-react-app. It is open-source, free and it features many components that can help you create amazing websites. 

**Fully Coded Components**

Argon Dashboard React is built with over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SASS files. 
You will save a lot of time going from prototyping to full-functional code because all elements are implemented. **[Argon Dashboard](https://appseed.us/admin-dashboards/django-dashboard-argon-pro)** is coming with pre-built examples, so the development process is seamless, switching from our pages to the real website is very easy to be done.

---

![React Dashboard Template - Argon Dashboard, User profile page.](https://raw.githubusercontent.com/admin-dashboards/react-dashboard-argon/master/media/react-dashboard-argon-screen-user.png)

---

## React Dashboard - Compile from sources

To compile and start the project locally we need NodeJS and optionally GIT to download the source code from the public repository: [React Dashboard Argon](https://github.com/creativetimofficial/argon-dashboard-react). To install NodeJs is quite easy, just access the official [NodejS website](https://nodejs.org/en/), download and execute the installer for your OS.

```bash
$ # Get the code
$ git clone https://github.com/creativetimofficial/argon-dashboard-react.git
$ cd argon-dashboard-react
$
$ # Install modules
$ yarn
$
$ # Start the app (development mode)
$ yarn start
```

---

> React Dashboard - UI Widgets

![React Dashboard Template - Argon Dashboard, UI Widgets page.](https://raw.githubusercontent.com/admin-dashboards/react-dashboard-argon/master/media/react-dashboard-argon-screen-widgets.png)

---

> React Dashboard - UI Tables

![React Dashboard Template - Argon Dashboard, UI Tables.](https://raw.githubusercontent.com/admin-dashboards/react-dashboard-argon/master/media/react-dashboard-argon-screen-datatable.png)

--- 

> Thanks for reading! For more [React Freebies](https://www.creative-tim.com/templates/react-free?AFFILIATE=128200) feel free to access the vendor website.