Mazer adalah Templat Dasbor Admin yang dapat membantu Anda mengembangkan aplikasi dengan dasbor dengan cepat. Berbasis Bootstrap 5 dan tanpa JQuery.
Halaman Demo Halaman Dokumentasi
Unduh rilis terbaru dari halaman rilis lalu ekstrak pada folder yang diinginkan.
- Kloning repositori
git clone https://github.com/zuramai/mazer
- Instal dependensi
yarn install
# ATAU
npm install
- Jalankan secara local
npm run dev
- Buka
http://localhost:5173
di browser Anda
- Kloning repositori
git clone https://github.com/zuramai/mazer
- Pastikan Anda telah menginstal dan menjalankan Docker:
docker build -t mazer-frontend .
docker run -it -d -p 8080:80 --name mazer mazer-frontend
- Buka
http://localhost:8080
Contoh sederhana menggunakan CDN dari 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>
Anda dapat menggunakan url dengan sebuah prefix seperti ini:
https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo
Contoh penggunaan sederhananya:
https://cdn.jsdelivr.net/gh/zuramai/mazer@docs/demo/assets/compiled/css/app.css
- CodeIgniter 4 oleh @irsyadulibad
- Laravel Mazer Starter by @billalxcode
- Nuxt oleh @fzn0x
- React JS Component Library oleh @fachryansyah
- Adonisjs 5 oleh @afman42
- Django oleh @bimbims125
- Flask oleh @antheiz
- Symfony 6.3 (Mazer 2.1.0) oleh @theod02
- Spring-Thymeleaf oleh @hi-rullah
- Ruby on Rails oleh @noesya
- Yii2 oleh @anovsiradj
- Next JS oleh @dipras
- Apakah Anda membuat proyek menggunakan Dashboard kami? Anda dapat menaruh proyeknya di sini dengan melakukan
Pull Request
.
Harap ikuti Panduan Berkontribusi sebelum Anda memulai kontribusi pada proyek kami.
Mazer berada di bawah Lisensi MIT.
Dibuat oleh Saugi.