Top

Let's begin

Thank you for buying the Mofi admin template

Main dependancies
  • Scss
  • Gulp
  • Webpack
  • Bootstrap v5.3.2
  • Jquery v3.7.1

Mofi Admin is a responsive HTML template that is based on the CSS framework Bootstrap 5 and it is built with Sass, Gulp, Webpack and Pug. Sass compiler makes it easier to code and customize. If you are unfamiliar with Bootstrap or Gulp or Webpack, visit their website and read through the documentation. All of Bootstrap components have been modified to fit the style of Mofi Admin and provide a consistent look throughout the template.


Before you start working with the template, we suggest you go through the pages that are bundled with the theme. Most of the template example pages contain quick tips on how to create or use a component which can be really helpful when you need to create something on the fly.

Gulp Tasks

First, you must download and install node.js. NPM stands for node packaged modules and is a way to manage development dependencies through Node.js.

Download the Node.js source code or a pre-built installer for your platform, and start developing, you can download it from anodejs.org.

You can check it in your terminal window using these commands node --version and npm --version.

GulpJS is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.

  • Navigate to the root main/directory,default
  • Then use $ npm i command (install node js)
  • $ gulp command (for run project)

NPM use the package.json file and automatically install the required local dependencies listed in it.

Dependencies are:: gulp, browser-sync, gulp-autoprefixer, gulp-livereload, gulp-pug, gulp-sass, livereload

have added all necessary gulp task in gulpfile.js, for more details about plugin refer this link https://gulpjs.com/plugins/

Webpack

Once you download Mofi admin you will get webpack config file in zip.