Top

Let's begin

Thank you for buying the Tokyo admin template

Main dependancies
  • Scss
  • Gulp
  • Bootstrap 5.3.0
  • Jquery v3.7.0

Tokyo Admin is a responsive HTML template that is based on the CSS framework Bootstrap 5 and it is built with Sass, Gulp and Pug. Sass compiler makes it easier to code and customize. If you are unfamiliar with Bootstrap or Gulp, visit their website and read through the documentation. All of Bootstrap components have been modified to fit the style of Tokyo 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/