Below are the ready to use example app layouts that you can use as a starter templates for your app.
You can download most of these example layouts on GitHub here.
This is the most widely used layout type where you have single view with its routing and navigation, navbar and/or toolbar, and side panels.
This is an example of tab bar application layout. The main point of such tabbed layout is that each tab contains independent view with its own routing and navigation.
Each tab/view may have different layout, different navbar type (dynamic, fixed or static) or without navbar like this tab.
This is an example of split view application layout, commonly used on iPad apps. The main approach of such kind of layout is that you can see different views at the same time.
Each view may have different layout, different navbar type (dynamic, fixed or static) or without navbar.
This is an example of split view application layout where left view degrades to panel on narrow screens (iPad portrait and iPhone). It behaves like default Mail app on iOS 7.
Just click link below to open app in new window, and resize browser to see it in action.
Simple example of inline-pages usage. In such layout all your pages not loaded using Ajax, they are are already in DOM
This examples shows how you can use built-in template engine to load pages and fill them automatically with specified data
A clean and simple template for Framework7 based on Angular 1.x with pure HTML5, CSS3 and JS