Thank you for purchasing Mono dashboard, a fully featured admin template and UI kit built on top of awesome Bootstrap 4. It is a very useful bootstrap admin dashboard, which allows you to build products like admin panels, content managements systems and CRMs. It is fully responsive and easily customizable. Its UI elements can be used very easily on any page.

Getting Started

This documentation will give you an understanding of how Mono Dashboard is structured and guide you in performing common functions. If you require further assistance not covered in this documentation, please contact me at

Set up

Mono uses gulp for workflow automation. It's a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.

Step-1: Make sure you have a recent version of Node.js installed in your local machine.

Step-2: Open terminal in the project root directory.

Step-3: Then run the following commands accordingly into terminal:

  //install gulp-cli globally
  $ npm install gulp-cli -g

  //install devDependencies
  $ npm install

  //run project
  $ gulp

This will fire default gulp task which includes: launching BrowserSync, build all html files, javascript minification, sass compilation and lanching watch task. BrowserSync will create dev server and sync your browser with your code editor.

You are all done to edit SCSS files and gulp will compile your SCSS to CSS.

File Structure

  • dist
  • node_modules
  • src
    • assets
      • img
      • js
      • plugins
      • scss
    • index.html
  • gulpfile.js
  • package.json
  • .gitignore


Add New