Voler

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 src folder, making repeated layout changes easier.
• Direct browser preview — After cloning, open dist/index.html to 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?

1. Clone the repository with git clone https://github.com/zuramai/voler.
2. Open dist/index.html in your browser — the compiled dashboard loads directly.
3. To customize, edit the SCSS files for styles and the Nunjucks files in src for 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.