Framework7 Tutorial

Framework7 Tutorial provides basic and advanced concepts of Framework7. Our Framework7 Tutorial is designed for beginners and professionals both.

Framework7 is an open-source HTML framework for developing mobile and web applications for iOS and Android.

Our Framework7 Tutorial includes all topics of Framework7 such as What is Framework7, introduction, installation, layout, navbar, toolbars, search bar, status bar, side panels, overlays, cards, chips, preloaders, list view, progress bar, accordion, buttons, action button, forms, tab, picker, calender, refresh, messages, notifications etc.

What is Framework7

Framework7 is a free and Open-source HTML framework for developing hybrid mobile apps or web apps for iOS and Android devices. It is one of a set of open-source libraries and solutions from iDangero.us authored by Vladimir Kharlampidi.

Framework7 can also be used with other frameworks like Angular, React etc. if desired.

History

Framework7 was introduced in the year 2014. The latest version 1.4.2 was released in February 2016 licensed under MIT.

Features of Framework7

Open-source and free to use.
Very easy to use and similar syntax to jQuery.
Extremely fast. It has a built-in FastClick library.
Responsive. It has built-in grid system layout to arrange elements responsively.
Fully Dynamic. It loads pages from templates via flexible router api.
Use native view.
Page animation.
High-performance animation.
Clear JS API
Built-in Helper libraries.

Advantages

A list of advantages of Framework7:

By using Framework7 you can easily develop apps for iOS and Android without learning it.
Framework7 contains many pre-styled widgets/components.
It has built-in helper libraries.
Framework7 is not dependent on any third party library even for DOM manipulation. Instead, it has its own custom DOM7.
You can easily use Framework7 with Angular and React frameworks.
Framework7 facilitates you to create apps once you know HTML, CSS and some basic JavaScript.
It supports faster development via Bower.