Volt React Dashboard

Open source powered by React.js and Bootstrap 5

Mockup presentation

10

Example Pages

100+

React Components

Workflow

Sass & react-app

Bootstrap 5

CSS Framework

Powered by React.js

The most popular front-end library in the world

Volt React is an admin dashboard template that is built using React.js components using react hooks and a data-driven structure that can kick-start your app in no time.

Live Demo Download
Calendar Preview

React.js Components

100+ premium UI elements based on Bootstrap 5

We've built over 100 React.js powered components to be used throughout your application saving you time kickstarting your project.

Check out the components and use our live React.js component editor to try the code.

Components examples
Live React Code Editor

Mapbox Pro

Markers and cards integration with Leaflet.js

You can use this map to add markers with custom cards and show them on a map using our custom MapBox integration with Leaflet.js

Demo Map Guide
MapBox Leaflet.js Custom Integration Mockup

Calendar Pro

Advanced FullCalendar.js integration

We created a fully editable calendar where you can add, edit and delete events for your admin dashboard.

Demo Calendar Guide
Calendar Preview

Bootstrap 5

Latest version of Bootstrap 5

Volt React is built using the latest version of Bootstrap 5 and we only used Vanilla Javascript for everything including the plugins

Front pages overview

10 hand-crafted pages

Every page from Volt has been carefully built to provide all the necessary pages your startup will require

Awesome Features

You get all React.js components fully customized. Besides, you receive numerous plugins out of the box and ready to use.

React.js

The most popular front-end library in the world

Bootstrap 5

Built with the most popular CSS Framework

Sass

Variables and mixins to empower development

Responsive

All pages and components are 100% responsive

Gulp

Gulp & BrowserSync for a flawless workflow

Creative rights

All images, icons and fonts are licensed & free to use

Documentation

Everything that comes with Rocket is well documented

WCAG Accessibility

Accessibility oriented design and functionality

W3C Validated

HTML pages are all valid by W3C Standards

Calendar

Advanced integration with FullCalendar.js

Mapbox

Custom integration with markers and cards

Design

Crafted by professional UI/UX designers

What's inside?

We have carefully crafted the perfect folder structure to ensure that finding the files you're looking for are easily reachable and well organized.

The perfect folder structure for your project

The folder structure is based on the popular create-react-app repository using Sass source files for CSS preprocessing.

Folder Structure
  • src
  • assets
  • components
  • data
  • pages
  • scss
  • index.js
  • routes.js
  • build
  • node_modules
  • package.json
  • README.md
  • .gitignore
  • The perfect folder structure for your project

    The folder structure is based on the popular create-react-app repository using Sass source files for CSS preprocessing.

    Less work, more flow.

    Boost productivity with BrowserSync. Sass changes are reflected instantly and pages scroll and refresh on devices as you work.

    > $ yarn install (or npm install)
    Everything’s installed!
    > $ yarn start (or npm run start)
    SCSS watching
    Opening localhost:3000
    > $ that's it?
    It's that simple!

    Looks unfamiliar? Don’t worry! Our documentation has got you covered.

    Download or upgrade to pro

    Do you want to take React development to the next level? Check out the premium version of Volt React Dashboard in the following comparison table.

    Free version

    100 React Components
    10 Example Pages
    Advanced Sidebar
    MapBox
    Calendar
    SVG Map
    Widgets
    Premium Support
    Download

    Pro Version

    200+ React Components
    20 Example Pages
    6 Plugins
    Advanced Sidebar
    MapBox
    Calendar
    SVG Map
    Widgets
    Premium Support
    Demo Volt React Pro

    Available in the following technologies: