Framework7
Full Featured HTML Framework
For Building iOS 7 Apps
MIT Licensed, v0.9.3 released on July 20, 2014

Framework7

Framework7 - is a free and open source HTML mobile framework to develop hybrid mobile apps or web apps with iOS 7 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.

The main approach of the Framework7 is to give you an opportunity to create iOS 7 apps with HTML, CSS and JavaScript easily and clear. Framework7 is full of freedom. It doesn't limit your imagination or offer ways of any solutions somehow. Framework7 gives you freedom!

Framework7 is not compatible with all platforms. It is focused only on iOS 7 to bring the best experience and simplicity.

Framework7 is definitely for you if you decide to build iOS 7 hybrid app (PhoneGap) or web app that looks like and feels as great native iOS 7 apps.

Features

Ultra Easy To Use. Not Harder Than Website!

To create iOS 7 apps using Framework7 is so easy as website creation. Try to start and you will be surprised how easy is it. All you need to make it work is a simple HTML layout and attached framework's CSS and JS files! Framework7 doesn't force you to write some custom tags that will be converted by JavaScript to something else. It doesn't force you to write and describe all your content in JavaScript (or JSON). Just plain HTML and you always get exactly the same that you expect to get when you write this HTML.

iOS 7 Specific

As said above Framework7 is iOS 7 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 7 native app's interface.

UI Components

Framework7 comes with a bunch of ready to use UI elements and widgets like modals, popup, action sheet, popover, list views, media lists, tabs, side panels, layout grid, preloader (activity indicator), form elements, etc. The awesome point is that you don't need JavaScript at all for the most of mentioned widgets.

Library Agnostic

Framework7 doesn't use and does not depend on any third party libraries. That is why it is ultra lightweight, performance and flexible.

Clear JS API

No need to learn something new With Framework7. It has ultra clear and easy JavaScript API methods to control every part of your app. For example, if you need to call alert modal you just do app.alert('Hello World!')

High-performance Animation

It is all about performance and Framework7 uses only high performance hardware accelerated css animations and transitions to achieve the best result.

Pages Animation

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.

Swipe Back

One of Framework7' killing feature is supporting of iOS 7 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!

Dynamic Navbar

As was mentioned already Framework7 makes everything to give you a feel of native iOS 7 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.

Native Scrolling

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!

Pull To Refresh

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 7 apps!

Swipe To Delete

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!

Messages

Framework7 comes with great realized "messages" widget that you can easily customize and integrate into your app for messaging between users or devices using some realtime sync data service like GoInstant.

Multiple Views (Split View)

Framework7 supports unlimited number of different isolated views. And the fun thing is that you can easily control each single view without any line of JavaScript just using "data-view" attribute on links.

XHR + Caching + History + Preloading

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.

Easy To Customize

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.

Custom Dom Library

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.