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, the product page
- Argon Dashboard React Demo, LIVE deploy
- Argon Dashboard React PRO - Premium version (more components, pages)
- More React Templates, provided by Creative-Tim
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:
- React - the official project site
- Intro to React - a nice tutorial for beginners
- ReactJS - Quick Guide, published by TutorialsPoint
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.
Example Pages
If you want to get inspiration or just show something directly to your clients, you can jump start your development with our pre-built example pages. You will be able to quickly set up the basic structure for your web project.
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 startIf the compilation is successful, we should see this React Dashboard starter, up & running in our browser.
React Dashboard - UI Widgets
React Dashboard - UI dark-themed tables
React Dashboard - User Profile Page
Thanks for reading! For more React Freebies feel free to access vendor website.
Want more? Go PRO with Argon Dashboard PRO React
Argon React PRO - a premium UI Kit built with Bootstrap 4, React and Reactstrap.
Core re-built from scratch
Argon is a completely new product built on our newest re-built from scratch framework structure that is meant to make our products more intuitive, more adaptive and, needless to say, so much easier to customize. Let Argon amaze you with its cool features and build tools and get your project to a whole new level.
Fully coded components
Argon Dashboard is built with over 200 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.
