Skip to content
/ mazer Public template

Free and Open-source Bootstrap 5 Admin Dashboard Template and Landing Page

License

Notifications You must be signed in to change notification settings

zuramai/mazer

Repository files navigation

Mazer Dashboard

Mazer Screenshot

Mazer is an Admin Dashboard Template that can help you develop faster. Made with Bootstrap 5. No jQuery dependency.

All Contributors GitHub last commit GitHub code size in bytes License

Demo Page    Documentation Page    Indonesian README   

Installation

Using a ready-made built (recommended)

Download the latest release from the releases page. Open the index HTML file and explore the source code.

Building yourself

  1. Clone the repository
git clone https://github.com/zuramai/mazer
  1. Install dependencies
yarn install
# OR
npm install
  1. Run it locally
npm run dev
  1. Open http://localhost:5173 in your browser

Building with Docker

  • Clone the repository git clone https://github.com/zuramai/mazer
  • Make sure you have Docker installed and run:
    • docker build -t mazer-frontend .
    • docker run -it -d -p 5173:80 --name mazer mazer-frontend
    • Open http://localhost:5173

Using CDN

Simple example using CDN from jsdelivr.net.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dashboard - Mazer Admin Dashboard</title>

    <link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/compiled/svg/favicon.svg" type="image/x-icon">

    <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">
</head>

<body>
    <script src="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/static/js/initTheme.js"></script>
    <!-- Start content here -->

    <!-- End content -->
    <script src="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/static/js/components/dark.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/extensions/perfect-scrollbar/perfect-scrollbar.min.js"></script>

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

    <!-- Need: Apexcharts -->
    <script src="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/extensions/apexcharts/apexcharts.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/static/js/pages/dashboard.js"></script>
</body>

</html>

CDN Prefix

You can use the url with a prefix like this:

https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo

A simple example:

https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/compiled/css/app.css

Community Mazer-based open sources

Contributing

Please follow Contributing Guide before contributing.

License

Mazer is under MIT License.

Author

Mazer is created by Saugi.

Sponsors

zuramai's sponsors