Upgraded Purity UI Dashboard

version license GitHub issues open GitHub issues closed

Product Gif

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

Browser Support

At present, we officially aim to support the last two versions of the following browsers:

Resources

GitHub

View Github