Бесплатный шаблон админ-панели на Bootstrap 5: Mazer

Раньше или позже при разработке своего SaaS-приложения / внутренних инструментов вам понадобится админ-панель. Полагаться на то, что агент создаст админ-панель, довольно рискованно: в итоге вы можете получить как красивую админ-панель, так и html-таблицу, которая выглядит так, будто она прямиком из 2008 года. Лучше всего дать им шаблон, от которого можно отталкиваться.

Mazer — это бесплатный шаблон админ-панели на bootstrap 5. Никакого jquery, никаких громоздких зависимостей. Всё, что нужно в админ-панели, там есть: боковая навигация, карточки с метриками, графики, таблицы данных, страницы с формами, темная тема и так далее. Вы можете посмотреть живое демо mazer на zuramai.github.io/mazer/demo, чтобы увидеть, как это выглядит, прежде чем скачивать.

Самый простой способ использовать mazer — просто скачать последний релиз в виде zip-архива (клонировать или запускать что-либо не нужно), распаковать его и передать html-файлы своему агенту. Также можно использовать cdn-версию, добавив 3 css-файла в секцию head и 1 js-файл в конец тега body. Таким образом стили mazer подгрузятся без необходимости что-либо скачивать.

1Как подключить Mazer через 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>

Скачай последний релиз Mazer с https://github.com/zuramai/mazer/releases и используй его как HTML-основу для панели управления. Оставь структуру с боковым меню и шапкой, замени заглушки на мои реальные данные.

Также можно посмотреть пакеты от сообщества для популярных фреймворков, таких как django, flask, laravel, nextjs, react и так далее. Ссылки есть в readme.