Framework7 - is a free and open source HTML mobile framework to develop hybrid mobile apps or web apps with iOS native look and feel. It is also an indispensable prototyping apps tool to show working app prototype as soon as possible in case you need to.
Framework7 is not compatible with all platforms. It is focused only on iOS to bring the best experience and simplicity.
Framework7 is definitely for you if you decide to build iOS hybrid app (PhoneGap) or web app that looks like and feels as great native iOS apps.
As said above Framework7 is iOS specific framework. From the very beginning it was carefully thought-out to give you easy ways to realize all incredible features from all necessary UI elements visualization to complicated animation and touch interactions that characterize the platform. That is why Framework7 is the only solution to realize precisely pixel-perfect iOS native app's interface.
Framework7 doesn't use and does not depend on any third party libraries. That is why it is ultra lightweight, performance and flexible.
It is all about performance and Framework7 uses only high performance hardware accelerated css animations and transitions to achieve the best result.
One of the main target of Framework7 is to have native look and feeling of iOS7 application. And Framework7 is the only framework that solves it and offers 1:1 page animation with smooth parallax effect, changing opacity and shadow when loading new page.
One of Framework7' killing feature is supporting of iOS well known swipe back gesture from left border of screen when you want to get to the previous page. It simply works, and works perfectly as you expect it to do. Just swipe from left (or drag with mouse) area of the page to see smooth transition to the previous page. It is not just A-B transition. It really follows your finger with parallax animation while touch!
As was mentioned already Framework7 makes everything to give you a feel of native iOS app. And one of the significant feature that improves this feeling is the dynamic navigation bar (navbar). You can see how its elements sliding and fading during pages transition and when you swipe back.
It can sound even curious but one of the most important Framework7 feature is that it uses only native scrolling. Moreover - it multiplies its advantages! So you can still have this awesome scrolling with momentum and resistance bounce without any scrolling issues!
Framework7 is probably the first and only framework that has this great feature realized on pure native scrolling! That is why pull to refresh behavior is perfect as possible and works totally equal in many native iOS apps!
Do you remember how you swipe left on the message in the Mail app if you want to delete it? Yep, Framework7 has totally the same functionality for any list elements, with the same smooth animation and touch interaction!
This is an unbeatable combination to make your app routing as perfect as possible. Framework7 is ready to route your app pages using XHR (Ajax) with its own internal methods and internal HTML configurable caching that allow to load pages faster and save a lot of time and traffic for your users! It loads page via Ajax only ones per specified caching period (10 minutes by default), other times it just gets it from memory. It allows to make further requests immediately!
Navigating deeper and deeper you may face a problem about how to get back in the same order? Framework7 solves this problem by collecting own navigation history. It is especially good if your users may come to the same page from different routes. And with Framework7 it is enough just to add "back" class to your link and it will recognize what page to load and will do other job for you.
Framework7 automatically preloads previous page (when available) so your users can always do the nice swipe back gesture to get that page immediately.
With Framework7 everything is simple, all styles are divided by parts into small
.less files, so you can really easy bring your own custom styles to your app.
As said above Framework7 doesn't use any third party library, even for DOM operation, even jQuery. It has its own custom DOM library that utilizes most edge and high-performance methods for DOM manipulation. You can also use it and you don’t need to learn something new for that, it has the same syntax as well known jQuery library with support of the most popular and widely used methods and jQuery-like chaining.