Free Bootstrap 5 Admin Dashboard Template: Mazer

Sooner or later while developing your SaaS app / internal tools you will need an admin panel. Relying on your agent to create an admin panel can be quite risky, you may end up with a good looking admin panel or a html table that looks like it’s straight out of 2008. Your best bet is to provide them a template to start with.

Mazer is a free bootstrap 5 admin dashboard template. No jquery, no bulky dependencies. Everything you need in an admin panel is there: side navigation, metric cards, charts, data tables, form pages, dark mode etc. You can check out a live demo of mazer at zuramai.github.io/mazer/demo to see how it looks like before downloading.

The easiest way to use mazer is to simply download the latest release as a zip file (no cloning / running needed), unzip it, and provide the html files to your agent. Alternatively you can use the cdn version by adding 3 css files in the head section and 1 js file at the end of the body tag. This way the mazer styles will be loaded without having to download anything.

1How to add Mazer to your project via CDN

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/compiled/css/app.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/compiled/css/app-dark.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/compiled/css/iconly.css">

<script src="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/compiled/js/app.js"></script>

Download the latest Mazer release from https://github.com/zuramai/mazer/releases and use it as the base HTML structure for the admin panel. Keep the sidebar and header layout, replace the placeholder content with my actual data.

You can also check out the community packages for popular frameworks such as django, flask, laravel, nextjs, react etc. Links are available in the readme.