Upgraded Purity UI Dashboard

Check all components here.

Documentation built by Developers

Each element is well presented in a very complex documentation. You can read more about the documentation here.

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. View example pages here.

Special thanks

During the development of this dashboard, we have used many existing resources from awesome developers. We want to thank them for providing their tools open source:

Chakra UI - Open source ReactJS framework
ApexCharts.js - Modern & Interactive Open-source charts
ReactJS - A popular JavaScript library for building user interfaces

Let us know your thoughts below. And good luck with development!

Quick Start

Clone the repo: git clone https://github.com/tpikachu/rvc-dashboard.git.
cd rvc-dashboard
npm install
npm start
Download from Github.

File Structure

Within the download you'll find the following directories and files:

purity-ui-dashboard/
├── .gitattributes
├── .gitigonore
├── CHANGELOG.md
├── commit.sh
├── gulpfile.js
├── ISSUE_TEMPLATE.md
├── jsconfig.json
├── package-lock.json
├── package.json
├── README.md
├── documentation
├── node_modules
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
└── src
    ├── assets
    │   ├── img
    │   └── svg
    ├── components
    │   ├── Card
    │   │   ├── Card.jsx
    │   │   ├── CardBody.jsx
    │   │   └── CardHeader.jsx
    │   ├── Charts
    │   │   ├── BarChart.jsx
    │   │   └── LineChart.jsx
    │   ├── Configurator
    │   │   └── Configurator.jsx
    │   ├── FixedPlugin
    │   │   └── FixedPlugin.jsx
    │   ├── Footer
    │   │   └── Footer.jsx
    │   ├── Icons
    │   │   ├── IconBox.jsx
    │   │   └── Icons.jsx
    │   ├── Layout
    │   │   ├── MainPanel.jsx
    │   │   ├── PanelContainer.jsx
    │   │   └── PanelContent.jsx
    │   ├── Menu
    │   │   └── ItemContent.jsx
    │   ├── Navbars
    │   │   ├── Searchbar
    │   │   │   └── SearchBar.jsx
    │   │   ├── AdminNavbar.jsx
    │   │   ├── AdminNavbarLinks.jsx
    │   │   └── AuthNavbar.jsx
    │   ├── Other
    │   │   ├── BillingRow.jsx
    │   │   ├── InvoicesRow.jsx
    │   │   └── TransactionRow.jsx
    │   ├── Separator
    │   │   └── Separator.jsx
    │   ├── Sidebar
    │   │   ├── Sidebar.jsx
    │   │   └── SidebarHelp.jsx
    │   └── Tables
    │       ├── BillingRow.jsx
    │       ├── DashboardTableRow.jsx
    │       ├── InvoicesRow.jsx
    │       ├── TablesProjectRow.jsx
    │       ├── TablesTableRow.jsx
    │       ├── TimelineRow.jsx
    │       └── TransactionRow.jsx
    ├── layouts
    │   ├── Admin.jsx
    │   ├── Auth.jsx
    │   └── RTL.jsx
    ├── theme
    │   ├── additions
    │   │   ├── card
    │   │   │   ├── Card.js
    │   │   │   ├── CardBody.js
    │   │   │   └── CardHeader.js
    │   │   ├── layout
    │   │   │   ├── MainPanel.js
    │   │   │   ├── PanelContainer.js
    │   │   │   └── PanelContent.js
    │   ├── components
    │   │   ├── button.js
    │   │   ├── link.js
    │   │   └── drawer.js
    │   ├── foundations
    │   │   ├── breakpoints.js
    │   │   ├── fonts.js
    │   │   └── text.js
    │   ├── styles.js
    │   └── theme.js
    ├── variables
    │   ├── charts.js
    │   └── general.js
    ├── views
    │   ├── Dashboard
    │   │   ├── Billing
    │   │   ├── Dashboard
    │   │   ├── Profile
    │   │   └── Tables
    │   ├── Auth
    │   │   ├── SignIn.jsx
    │   │   └── SignUp.jsx
    │   └── RTL
    │       └── idex.jsx
    ├── index.jsx
    └── routes.jsx