Voler is an open-source admin dashboard template built with Bootstrap 5 (beta) by Ahmad Saugi, published on GitHub under the MIT license. It provides a ready-made dashboard UI with responsive layout and no jQuery dependency, distributed as static HTML/CSS/JS that you can clone and open directly in a browser. The template takes static HTML files as input and outputs a full admin interface that can be customized via SCSS source files and Nunjucks templates.
What is Voler?
Voler is a Bootstrap 5 (beta) admin dashboard template with a responsive, no-jQuery front-end. It ships as static files in the dist folder so you can clone the repository and open dist/index.html directly in a browser without a build step. The template is maintained by Ahmad Saugi (GitHub @zuramai) and is released under the MIT license, making it free for personal and commercial use.
Key Features
- Bootstrap 5 beta — Voler was among the first dashboard templates built on Bootstrap 5, using its utility classes and component system.
- No jQuery dependency — The template avoids jQuery, aligning with modern Bootstrap 5 practices and reducing front-end weight.
- Responsive layout — The dashboard adapts to desktop, tablet, and mobile screen sizes out of the box.
- SCSS source files — Style customization is done by editing SCSS files rather than compiled CSS, then recompiling the stylesheet.
- Nunjucks templating — HTML pages are generated from Nunjucks source files in the
srcfolder, making repeated layout changes easier. - Direct browser preview — After cloning, open
dist/index.htmlto view the full dashboard without a server. - MIT license — Free to use, modify, and distribute for any project.
- Live demo — A hosted demo at https://zuramai.github.io/voler/ shows the template in action.
Who should use Voler?
- Web developers who need a quick starting point for an admin panel or dashboard front-end.
- Hackathon participants who want a pre-styled Bootstrap 5 interface to demo a project fast.
- Self-taught learners studying Bootstrap 5 who can inspect the SCSS and Nunjucks source to see how the template is structured.
- Open-source contributors looking for a Hacktoberfest-friendly repository (the repo is tagged
hacktoberfest) to practice pull requests.
How does Voler work?
- Clone the repository with
git clone https://github.com/zuramai/voler. - Open
dist/index.htmlin your browser — the compiled dashboard loads directly. - To customize, edit the SCSS files for styles and the Nunjucks files in
srcfor HTML structure, then recompile with your preferred build tooling.
What can you do with Voler?
- Dashboard builders: Skin an analytics or admin interface with the provided Bootstrap 5 components and responsive grid.
- Rapid prototyping: Use the static HTML output to mock a back-office product without setting up a framework.
- Template learners: Study the SCSS and Nunjucks source structure to understand how a Bootstrap 5 theme is assembled.
FAQ
Is Voler free?
Yes, Voler is open-sourced under the MIT license, so you can use it for free in personal and commercial projects.
Does Voler require jQuery?
No. The template is built without a jQuery dependency, which keeps the front-end lighter and aligns with Bootstrap 5's design.
What does Voler include?
The repository contains compiled files in the dist folder for direct use, plus source files: SCSS for styling and Nunjucks templates for HTML structure.
Is Voler based on Bootstrap 4 or 5?
Voler uses Bootstrap 5 (beta at the time of writing), making it one of the earliest dashboard templates on that version.
Who created Voler?
The template was created by Ahmad Saugi, a developer who also maintains the Mazer dashboard template, another Bootstrap 5 admin UI.
