React Dashboard - Paper Design

Hello,

This article presents an open-source React Dashboard released under the MIT License by Creative-Tim, a company that helps many developers across the globe with free products, actively supported and versioned. This modern React Dashboard can be downloaded from the product page or directly from Github, and based on the permissive license, the product can be used for unlimited hobby and commercial products. Thank you for reading!

React Dashboard Links

• React Dashoard - Paper Design, the product page
• React Dashboard Paper Demo, LIVE Deploy
• React Dashboard Paper PRO - the Premium Version (160 components, 16 pages)
• React Dashboards - a curated list published on Dev.to platform
• More React Freebies 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

React Dashboard - Product Info

If you are a react developer or a react website owner that needs to work within a dashboard and want to have a pretty sight while doing so, Paper Dashboard React is for you. Paper Dashboard React is a Bootstrap Admin Panel which combines soft colors with beautiful typography and spacious cards and graphics. It is a powerful tool, but it is light and easy to use. It has enough features to allow you to get the job done, but it is not crowded to the point where you can't find the files for a specific plugin.

We like consistency and design that blends into its purpose. Paper Dashboard React is a perfect example of our most thoughtful work. It combines over a dozen components and plugins, while looking like everything fits together. For an easy start or inspiration for you project, we have also create a set of example pages, like the user settings or usage graphics.

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: Paper Dashboard React. 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/paper-dashboard-react.git
$ cd paper-dashboard-react
$
$ # Install modules
$ yarn
$
$ # Start the app (development mode)
$ yarn start

If the compilation is successful, we should see this React Dashboard starter, up & running in our browser.

React Dashboard - Google Maps Page

React Dashboard - User Profile page

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

Want more? Go PRO with Paper Dashboard PRO React

Paper Dashboard PRO React is a beautiful Reactstrap (Bootstrap 4) admin dashboard with a large number of components, designed to look neat and organized. If you are looking for a tool to manage and visualize data about your business, this dashboard is the thing for you. It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics. Paper Dashboard PRO React comes packed with all plugins that you might need inside a project and documentation on how to get started. It is light and easy to use, and also very powerful.