Framework7 is an open source free framework that can be used to develop hybrid mobile applications (native and HTML hybrid) or to develop iOS & Android style WEB APPs. It can also be used as a prototyping tool to quickly create a prototype of an application. The main function of Framework7 is that you can use HTML, CSS and JS to develop iOS7 applications. Framework7 is completely free and open source. Framework7 is not compatible with all devices. She only focuses on delivering the best experience for iOS and Google Material Design.
IOS online preview | Android Online Preview |
If you want to develop iOS or Android hybrid applications (Phonegap) or you want to develop iOS and Google Material style WEB APP, then Framework7 will be your first choice. Creating an iOS7 app using Framework7 is as easy as building a website. All you need is a basic HTML layout and import Framework7's CSS and JS files! Framework7 doesn't force you to write any custom tags, nor does it generate any additional content via JS. You don't need to write pages via JS or JSON, just plain HTML.
Focus on iOS
Framework7 is a framework for iOS7. From the very beginning, she considered how to implement all kinds of stunning UI components on iOS7 most conveniently and quickly, as well as complex animations and flexible touch interactions. So Framework7 is the best choice for you to achieve pixel-level precision iOS7 applications.
customize
All the style files of Framework7 are categorized into small less
files, so you can select only some of the files you need.
native scroll bar
One of the biggest features of Framework7 is the use of native scroll bars. So your scrollbar will have the same acceleration and rebound as a native scrollbar, without any bugs and performance issues.
multiple views
Framework7 supports multiple independent views (view). And you can control each view without writing any JS, just add a data-view to the link.
Does not rely on third-party frameworks
Framework7 does not depend on any third-party frameworks. So it's lightweight, performant and flexible.
Concise JS API
Using Framework7 does not need to learn any new knowledge, her JS interface is very simple and easy to use and powerful. For example, you only need it when you need to pop up an alert app.alert("Hello World!")
.
high performance animation
Framework7 uses hardware accelerated CSS animations for best performance.
page animation
One of the main goals of Framework7 is to make your application and iOS7 native application have the same appearance and interactive experience. And Framework7 is the only framework that provides 1:1 accurate and smooth page transition animation.
XHR + Caching + History + Preloading
The combination of these features can make your application's routing capabilities very powerful. Framework7 uses Ajax to load new pages, and can make pages load very fast by caching configuration. She will cache the results of Ajax requests for a certain period of time (default is 10 minutes), and will not send new requests during the validity period of the cache, but directly fetch the results from the cache.
Dom7 - Custom DOM library
Framework7 does not depend on any third-party framework, including dom manipulation, including jquery. She has a built-in high-performance dom library - DOM7. And, you don't need to learn any new knowledge because of DOM7, because the interface of DOM7 is almost the same as the famous jQuery
Framework7 basic tutorials and examples