1. Home
  2. Doc

Documentation

Getting Started

mevo is carefully well thought UI frame work that is built on top of Bootstrap 5, This part of the doc will help you to quickly start your project and will you a basic idea about how mevo work.

mevo is a fully responsive and premium Bootstrap 5 Admin & Dashboard Template. Whether you're creating a Web App, Dashboards, Admin Panels, Project App, Analytics Admin, CRM, or SASS-based interface then you are at the right place to buy mevo admin dashboard template.

Installation

If you've previously installed gulp globally, run npm rm --global gulp before following these instructions.

Quick start Gulp
Gulp Project setup command
  1. Install node modules using npm npm i
  2. Default gulp default ( dist and watch run in localhost:3000/ )
  3. Serve gulp serve
  4. Dev gulp dev
  5. Dist gulp dist
HTML Quick Start
  • Open the .html file from one of the above HTML folders inside one of your browsers
  • That's it, no other configuration needed

Folder Structure

  • src
    • Assets
      • bundles
      • css
      • fonts
      • img
      • js
      • scss
        • bootstrap
        • global
        • vendor
        • widgets
        • _bootstrap.scss
        • _global.scss
        • _vendor.scss
        • _widgets.scss
        • style.scss
      • vendor - Third party plugins
    • Docs
    • partials
    • index.html
    • More HTML pages
  • node_modules ( NPM dependencies (by default the folder is not included) npm installs dependencies. )
  • .gitignore
  • gulpfile.js
  • package.json
  • README.md

Theme Configurations

Theme color scss file path: mevo/src/assets/global/_themes.scss you can change as per your project/client requirements.

Theme light/dark version you can changes in HTML tage data-theme="light", data-theme="dark"

  • .bg-primary
  • .bg-accent
  • .theme-color1
  • .theme-color2
  • .theme-color3
  • .theme-color4
  • .theme-color5
  • .theme-color6 
<!-- Primary theme colors -->
--primary-color: 		#D63B38;
--accent-color: 		#8467cb;	
--secondary-color: 		#1a2022;	

--theme-color1:	 		#da3164;
--theme-color2: 		#ce3c8d;
--theme-color3: 		#b152b1;
--theme-color4: 		#8467cb;
--theme-color5: 		#9aa9e0;
--theme-color6: 		#314674;

--primary-gradient: linear-gradient(-45deg, var(--primary-color), var(--secondary-color));

Thank you!

All the important stuff – compiling the source, file structure, build tools, file includes – is documented here, but should you have any questions, always feel free to reach out to NSDbytes@gmail.com

If you really like our work, design, performance and support then please don't forgot to rate us on mevolo, it really motivate us to provide something better.