• Stars
    star
    2,567
  • Rank 17,228 (Top 0.4 %)
  • Language
    HTML
  • License
    MIT License
  • Created over 3 years ago
  • Updated about 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Free and open source Bootstrap 5 Admin Dashboard Template with vanilla Javascript

Volt - Bootstrap 5 Admin Dashboard Tweet

version license GitHub issues open GitHub issues closed

Volt Bootstrap 5 Dashboard Preview

Volt is a free and open source Bootstrap 5 Admin Dashboard featuring over 100 components, 11 example pages and 3 customized plugins. Volt does not require jQuery as a dependency meaning that every library and script's are jQuery free.

Bootstrap 5 and Vanilla JavaScript

Volt is built using the latest version of Bootstrap 5 and because jQuery is no longer required as a dependency, Volt has been built using only Vanilla JS.

100+ Components

Because it is created using the latest version of Bootstrap 5, every component and element is based on the latest Bootstrap 5 Sass variables and HTML markup. Check out the documentation of the components here.

11 Example pages

We created no less than 11 advanced example pages such as the overview page, transactions, user settings, sign in and sign up and many more.

Full documentation

Every component, plugin and getting started is thoroughly documented on our online documentation.

Workflow

This product is built using the following widely used technologies:

  • Most popular CSS Framework Bootstrap
  • Productive workflow tool Gulp
  • Awesome CSS preprocessor Sass

Table of Contents

Versions

.

HTML React
Volt Bootstrap 5 Dashboard HTML Volt React Dashboard

Demo

Dashboard Transactions Settings Forms
Dashboard Transactions Settings Forms
Sign in Sign up Forgot password Reset password
Sign in Sign up Forgot Password Reset password
Lock Profile 404 Not Found 500 Server Error Documentation
Lock Profile 404 Not Found 500 Server Error Documentation

Quick start

  1. Download from Themesberg or clone this repository
  2. Download the project's zip
  3. Make sure you have Node locally installed.
  4. Download Gulp Command Line Interface to be able to use gulp in your Terminal.
npm install gulp-cli -g
  1. After installing Gulp, run npm install in the main volt/ folder to download all the project dependencies. You'll find them in the node_modules/ folder.
npm install
  1. Run gulp in the volt/ folder to serve the project files using BrowserSync. Running gulp will compile the theme and open /index.html in your main browser.
gulp

While the gulp command is running, files in the assets/scss/, assets/js/ and components/ folders will be monitored for changes. Files from the assets/scss/ folder will generate injected CSS.

Hit CTRL+C to terminate the gulp command. This will stop the local server from running.

Theme without Sass, Gulp or npm

If you'd like to get a version of our theme without Sass, Gulp or npm, we've got you covered. Run the following command:

gulp build:dev

This will generate a folder html&css which will have unminified CSS, HTML and JavaScript.

Minified version

If you'd like to compile the code and get a minified version of the HTML and CSS just run the following Gulp command:

gulp build:dist

This will generate a folder dist which will have minified CSS, HTML and JavaScript.

Documentation

The documentation for Volt is hosted on our website.

File Structure

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

Volt Bootstrap 5 Admin Dashboard
.
├── README.md
├── gulpfile.js
├── package-lock.json
├── package.json
└── src
    ├── assets
    │   ├── img
    │   └── js
    ├── index.html
    ├── pages
    │   ├── components
    │   ├── dashboard
    │   ├── examples
    │   ├── settings.html
    │   ├── tables
    │   └── transactions.html
    ├── partials
    │   ├── _analytics.html
    │   ├── _footer.html
    │   ├── _head.html
    │   ├── _navigation.html
    │   ├── _pages-preview.html
    │   ├── _preloader.html
    │   ├── _scripts.html
    │   └── dashboard
    └── scss
        ├── volt
        └── volt.scss

Browser Support

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

Resources

Upgrade to Pro

There is also a pro version of Volt which has more than 800 components, 20 example pages and over 10 advanced plugins that can take your admin dashboard application to the next level. Check out Volt Pro Premium Bootstrap 5 Admin Dashboard.

Reporting Issues

We use GitHub Issues as the official bug tracker for Volt Bootstrap 5 Admin Dashboard. Here are some advices for our users that want to report an issue:

  1. Make sure that you are using the latest version of Volt Bootstrap 5 Admin Dashboard. Check the CHANGELOG from your dashboard on our website.
  2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
  3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help.

Technical Support or Questions

If you have questions or need help integrating the product please contact us instead of opening an issue.

Licensing

Useful Links

Social Media

Twitter: https://twitter.com/themesberg

Facebook: https://www.facebook.com/themesberg/

Dribbble: https://dribbble.com/themesberg

Instagram: https://www.instagram.com/themesberg/

More Repositories

1

flowbite

Open-source UI component library and front-end development framework based on Tailwind CSS
HTML
6,463
star
2

flowbite-svelte

Official Svelte components built for Flowbite and Tailwind CSS
Svelte
1,722
star
3

flowbite-react

Official React components built for Flowbite and Tailwind CSS
TypeScript
1,715
star
4

flowbite-admin-dashboard

Free and open-source admin dashboard template built with Tailwind CSS and Flowbite
HTML
1,348
star
5

volt-react-dashboard

Free and open source React.js admin dashboard template and UI library based on Bootstrap 5
JavaScript
858
star
6

tailwind-dashboard-windster

Free and open-source admin dashboard interface built on top of Tailwind CSS and Flowbite
HTML
837
star
7

neumorphism-ui-bootstrap

Neumorphism inspired UI Kit: web components, sections and pages in neumorphic style built with Bootstrap CSS Framework
HTML
829
star
8

flowbite-vue

Official Vue 3 components built for Flowbite and Tailwind CSS
Vue
657
star
9

landwind

Responsive and clean landing page built with Tailwind CSS and Flowbite
HTML
602
star
10

pixel-bootstrap-ui-kit

Pixel UI Kit - Free and open source Bootstrap 5 UI Kit without jQuery
HTML
530
star
11

windows-95-ui-kit

💾 Windows 95 UI Kit made with Bootstrap 4 components
CSS
464
star
12

flowbite-astro-admin-dashboard

Open-source admin dashboard template built with Astro, Flowbite, and Tailwind CSS
Astro
386
star
13

glass-ui

CSS UI library based on the glassmorphism design specifications
309
star
14

volt-laravel-dashboard

Free and open-source Laravel admin dashboard interface built with Livewire & Alpine.js based on Bootstrap 5
Blade
283
star
15

simple-bootstrap-5-dashboard

Simple Bootstrap 5 Admin Dashboard Template
HTML
164
star
16

swipe-one-page-bootstrap-5

👆 Swipe - One Page Bootstrap 5 Template for Mobile Applications
SCSS
162
star
17

flowbite-angular

Official Angular components built for Flowbite and Tailwind CSS
TypeScript
155
star
18

flowbite-icons

Free and open-source collection of SVG icons built for Flowbite and Tailwind CSS
151
star
19

flowbite-svelte-admin-dashboard

Free and open-source admin dashboard template built with Flowbite, Svelte, and Tailwind CSS
Svelte
95
star
20

tailwind-landing-page

A responsive landing page built with Tailwind CSS and Flowbite Blocks
HTML
90
star
21

flow-ui

Accessibility oriented design system for developing fast and powerful web interfaces.
89
star
22

tailwind-figma-ui-kit

FlowBite is a free and open-source set of UI components and pages in Figma built for Tailwind CSS
63
star
23

flowbite-svelte-blocks

Flowbite-Svelte-Blocks components
Svelte
63
star
24

tailwind-flask-starter

Tailwind CSS and Flask starter project with Flowbite included
HTML
52
star
25

flowbite-react-admin-dashboard

A free and open-source admin dashboard interface built with Flowbite, React, and Tailwind CSS
TypeScript
52
star
26

flowbite-svelte-icons

Official library for the free and open-source collection of over 430+ SVG icons for Flowbite and Svelte
Svelte
41
star
27

tailwind-vue-starter

A free and open-source starter project to help you get started with the core Flowbite Library components and Vue 3
Vue
38
star
28

gpt-3-tailwindcss

GPT-3 Tailwind CSS Code Generator
37
star
29

tailwind-nuxt-starter

A free and open-source starter project to help you get started with the core Flowbite Library components and Nuxt.js
Vue
32
star
30

tailwind-phoenix-starter

Free and open-source starter kit for Phoenix (Elixir), Tailwind CSS and Flowbite
HTML
29
star
31

flowbite-blazor

Official open-source UI component library for Blazor (.NET), Flowbite and Tailwind CSS
HTML
28
star
32

tailwind-astro-starter

Free and open-source starter project to help you get started with Astro, Tailwind CSS and Flowbite
Astro
23
star
33

tailwind-css-tutorial

Tailwind CSS Tutorial Project Files
CSS
19
star
34

tailwind-typescript-starter

A free and open-source starter kit that helps you get started with Tailwind CSS, TypeScript and Flowbite
TypeScript
18
star
35

figma-admin-dashboard-template

Free and open-source Figma Admin Dashboard template
16
star
36

flowbite-laravel

PHP
15
star
37

tailwind-blazor-starter

Open-source project to get you started with Tailwind CSS, Blazor, and the Flowbite UI components
HTML
14
star
38

simple-gulp-bootstrap-sass-browsersync-boilerplate

Files for the Gulp 4, Bootstrap, Sass and BrowserSync setup tutorial on Themesberg
CSS
14
star
39

bootstrap-5-tutorial

Bootstrap 5 tutorial with Gulp, Sass, BrowserSync, and Vanilla JS
HTML
13
star
40

tailwind-symfony-starter

Free and open-source starter kit for Symfony (PHP), Tailwind CSS and Flowbite
Twig
13
star
41

tailwind-angular-starter

Free and open-source starter project to help you get started with Angular, Tailwind CSS and the Flowbite UI components
HTML
8
star
42

flowbite-snippets

Code snippets from the Flowbite UI component library that you can use inside VS Code
JavaScript
7
star
43

tailwind-solidjs-starter

Free and open-source starter project for SolidJS, Tailwind CSS and Flowbite
JavaScript
6
star
44

th-volt-pro-laravel-admin-dashboard

Fullstack tool featuring Laravel CRUDs, hundreds of UI components and dozens of example pages.
6
star
45

pixel-pro-bootstrap-ui-kit

Official public repository for Pixel Pro Bootstrap UI Kit
6
star
46

flowbite-react-icons

Flowbite React Icon library is the official collection of SVG icons, provided freely and as open-source
TypeScript
5
star
47

flowbite-blade-icons

Official collection of Flowbite SVG icons in Blade
PHP
5
star
48

tailwind-qwik-starter

Open-source starter project for Qwik, Tailwind CSS, and Flowbite
TypeScript
3
star
49

tailwind-gatsby-starter

Free and open-source starter project for Gatsby, Tailwind CSS and Flowbite
JavaScript
3
star
50

th-neumorphism-ui-pro

Neumorphism inspired premium Bootstrap UI Kit
2
star
51

tailwind-remix-starter

Free and open-source starter kit that helps you get started with Tailwind CSS, Remix and Flowbite React
CSS
2
star
52

flowbite-express

Flowbite-Express
EJS
2
star
53

flowbite-nuxt-module

Open-source module for Nuxt with auto import for the Flowbite Vue library
TypeScript
1
star
54

.github

Ecosystem of open-source projects, libraries and tools built by the team behind Flowbite
1
star