Dashbrd

Dashbrd is a modern Bootstrap-based admin dashboard template for building web applications and SaaS projects.

Live Preview: https://simzikov.github.io/dashbrd/

---

Installation

Dashbrd can be used in two different ways depending on your workflow.

---

Install via npm

Use this method if you want to include Dashbrd inside an existing project.

1. Install the package

npm install dashbrd

2. Use compiled assets

Import the compiled CSS and JavaScript files directly into your project.

<link rel="stylesheet" href="node_modules/dashbrd/dist/assets/css/theme.bundle.css" />
<script src="node_modules/dashbrd/dist/assets/js/theme.bundle.js"></script>

3. Import source files (optional)

If your project already has a build pipeline, you can import the source SCSS and JavaScript files.

@import 'dashbrd/src/scss/theme.scss';

import 'dashbrd/src/js/theme.js';

---

Install from Repository (Full Development Setup)

Use this option if you want the full project structure with source files, examples, and documentation.

1. Clone the repository

git clone https://github.com/simzikov/dashbrd.git

2. Install dependencies

npm install

3. Start the development server

npm start

This will start the local development environment and compile the assets.

---

Documentation

Dashbrd includes built-in documentation and component references.

Getting Started Guide https://simzikov.github.io/dashbrd/docs/getting-started.html

Components Reference https://simzikov.github.io/dashbrd/docs/components.html