DEV Community

loading...
Cover image for React Dashboard Template - Argon Dashboard

React Dashboard Template - Argon Dashboard

sm0ke profile image Sm0ke Originally published at admin-dashboards.com ・3 min read

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:


React Dashboard Template - Argon Dashboard, animated presentation.


What is React

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:


Argon Dashboard React - 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. This Dashboard 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.


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. To install NodeJs is quite easy, just access the official NodejS website, download and execute the installer for your OS.

$ # 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.


React Dashboard - UI Tables

React Dashboard Template - Argon Dashboard, UI Tables.


Thanks for reading! For more React Freebies feel free to access the vendor website.

Discussion (0)

pic
Editor guide