Starter Kit

Start Kit


Kick start your project development !

Getting start with your project custom requirements using a ready template which is quite difficult and time taking process, Modern Admin provides useful features to kick start your project development with no efforts !

  • Modern Admin provides you getting start pages with different layouts, use the layout as per your custom requirements and just change the branding, menu & content.
  • It use PUG as template engine to generate pages and whole template quickly using node js. You can generate entire template with your selected custom layout, branding & menu. Save your time for doing the common changes for each page (i.e menu, branding and footer) by generating template with pug.
  • Every components in Modern Admin are decoupled, it means use use only components you actually need! Remove unnecessary and extra code easily just by excluding the path to specific SCSS, JS file.

What is starter kit ?

Starter kit is a set of pages with different layouts, useful for your next project to start development process from scratch with no time.

  • Each layout includes basic components only.
  • Select your choice of layout from starter kit, customize it with optional changes like colors and branding, add required dependency only.
  • Using PUG as template engine to generate whole template quickly with your selected layout and other custom changes.

How to use starter kit ?

HTML

If you know just HTML, select your choice of layout from starter kit folder, customize it with optional changes like colors and branding, add required dependency only.

PUG

To use PUG it required node.js and basic knowledge of using it. Using PUG as template engine to generate whole template quickly with your selected layout and other custom changes. To getting start with PUG usage & template generating process please refer template documentation.

Tip!

Hideable navbar option is available for fixed navbar with static navigation only. Works in top and bottom positions, single and multiple navbars.

Start Kit Pages

Pages URL
1 Column layout-1-column.html
2 Columns layout-2-columns.html
Detached Left Sidebar layout-content-detached-left-sidebar.html
Detached Left Sticky Sidebar layout-content-detached-left-sticky-sidebar.html.html
Detached Right Sidebar layout-content-detached-right-sidebar.html
Detached Right Sticky Sidebar layout-content-detached-right-sticky-sidebar.html
Fixed Navbar layout-fixed-navbar.html
Fixed Navbar & Navigation layout-fixed-navbar-navigation.html
Fixed Navbar & Footer layout-fixed-navbar-footer.html
Fixed Layout layout-fixed.html
Boxed Layout layout-boxed.html
Static Layout layout-static.html
Light Layout layout-light.html
Dark Layout layout-dark.html
Semi dark Layout layout-semi-dark.html