Mazer

mazer

제품 정보

즐겨찾기

오픈소스 사용 사례

공개 채팅

지원 계획

현재 사용할 수 있는 OSS 플랜이 없습니다.

저장소의 제공자 또는 기여자인 경우 OSS 플랜 추가를 시작할 수 있습니다.

OSS 플랜 추가
여기에서 자세히 알아보세요

이 오픈소스에 대한 플랜을 찾고 있다면 저희에게 문의해 주세요.

전문 공급자와 연락하실 수 있도록 도와드리겠습니다.

제품 세부 정보

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

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](https://img.shields.io/github/contributors/zuramai/mazer)](https://github.com/zuramai/mazer/graphs/contributors) ![GitHub last commit](https://img.shields.io/github/last-commit/zuramai/mazer.svg) ![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/zuramai/mazer) [![License](https://img.shields.io/github/license/zuramai/mazer.svg)](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
  2. Install dependencies

    yarn install
    # OR
    npm install
  3. Run it locally

    npm run dev
  4. 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

문의하기

  • 비즈니스 개발자를 위한 최신 정보를 원하십니까? 소스 코드 프로젝트에 대한 PieceX 커뮤니티의 요구사항을 알아보세요. PieceX의 최신 무료 커뮤니티 코드를 빠르게 알려드립니다.
PieceX Logo