EXAMPLES
Base CSS themes Bootstrap Material Design Filled Material Design Outlined Floating Navbars, Sidebars & Footers All 74 SPA layouts AJAX Requests File uploads User account Authentication forms Roles & Permissions

All 74 possible SPA layouts
Prebuilt web Layouts

Introduction

Kompo.io offers a base template to create all possible combinations of layouts containing a Navbar, Left & Right Sidebars & Footer. That includes fixed menus and scrollable permutations. All you need to achieve any of these permutations is set one of two properties: `$order` and `$fixed`.

Primary Navbar Layouts

No Fixed Menus
Navbar order=1
Navbar fixed=true
Navbar order=1
LeftSidebar fixed=true
Navbar order=1
RightSidebar fixed=true
Navbar order=1
Footer fixed=true
Navbar order=1
RightSidebar fixed=true
Navbar order=1
RightSidebar order=2
Navbar fixed=true
Navbar order=1
Footer order=2
LeftSidebar fixed=true
Navbar order=1
Footer order=2
RightSidebar fixed=true
Navbar order=1
Footer order=2
Footer fixed=true
Navbar order=1
Footer order=2

Primary Left Sidebar Layouts

No Fixed Menus
LeftSidebar order=1
Navbar fixed=true
LeftSidebar order=1
LeftSidebar fixed=true
LeftSidebar order=1
RightSidebar fixed=true
LeftSidebar order=1
Footer fixed=true
LeftSidebar order=1
Navbar fixed=true
LeftSidebar order=1
Footer order=2
LeftSidebar fixed=true
LeftSidebar order=1
Footer order=2
RightSidebar fixed=true
LeftSidebar order=1
Footer order=2
Footer fixed=true
LeftSidebar order=1
Footer order=2

Primary Right Sidebar Layouts

No Fixed Menus
RightSidebar order=1
Navbar fixed=true
RightSidebar order=1
LeftSidebar fixed=true
RightSidebar order=1
RightSidebar fixed=true
RightSidebar order=1
Footer fixed=true
RightSidebar order=1
Navbar fixed=true
RightSidebar order=1
Footer order=2
LeftSidebar fixed=true
RightSidebar order=1
Footer order=2
RightSidebar fixed=true
RightSidebar order=1
Footer order=2
Footer fixed=true
RightSidebar order=1
Footer order=2

Primary Footer Layouts

No Fixed Menus
Footer order=1
Navbar fixed=true
Footer order=1
LeftSidebar fixed=true
Footer order=1
RightSidebar fixed=true
Footer order=1
Footer fixed=true
Footer order=1