Admin Dashboard Kit is a flexible front-end HTML admin template, which is based on jQuery and Bootstrap 4.5.

It is an ideal template for a SaaS. It is oriented to user management, has a responsive layout with special features such as a statistics page, bonus counter, order management, appointment forms, user profile, payments manager and many more. But this template can be used for all types of web applications like custom admin panel, project management system, admin dashboard, application backend, CMS or CRM.

  • Bootstrap 4.5
  • Sass
  • CSS3 animations
  • Npm
  • Gulp
  • Google fonts
Core features
  • Desktop/tablet/mobile navbar
  • Vertical/horizontal navbar
  • Fully Responsive layout
  • Easy to customize
  • And many moreā€¦

Getting started

Dashboard Kit uses Gulp for its CSS and HTML build system; however, it's optional. You can use this theme without Gulp tools, and we've included all the dependencies in this project.

First method:

Use html files from root and css files from /assets/css, where files are generated automatically by Gulp.

Second method(recommended):

Use html files from /dev/html and scss files from /dev/sass

  1. Install Node.js and npm, which we use to manage our dependencies.
  2. Run npm install to install dependencies
  3. Run gulp watch + start watching changes in scss/html files
  4. Open index.html or any other .html file to see the result.
Note: any commands we tell you to run must be run from the project's root folder.

First you must have Node.js and npm installed in your computer.


SCSS variables:

Color, sizing variables are located at /dev/sass/components.

Styles for UI components (button, input, badge, icon...) are located at /dev/sass/components.

Styles for layout (navbar, logo...) are located at /dev/sass/layout.

Styles for pages (Product, Account...) are located at /dev/sass/pages.

Typography styles are located at /dev/sass/_typography.scss.

Addition styles are located at /dev/sass/_helpers.scss.


Dashboard Kit uses Bootstrap and its components.