Language: ENCN

Ready To Use Demo Apps

On this page you may find ready to use open source apps made with Framework7.

PGChat

A real-time chat application built on top of Vue.js, Framework7 and PubNub Service.

Open app in new windowSource code

Weather7 Material

Material version of Weather7 demo app. It is the simple weather webapp that demonstrates how easy to create fully functioning Material app with Framework7. With PhoneGap you can easily convert it to native Android app.

Weather7 Features:

  • Material Responsive Layout - app has a bit different layout on tablets (large screens) to match Material apps design guides
  • Local Storage. All your personal weather data is stored in Local Storage, so you don't need to add weather locations each time you launch app.
  • Manifest Cache. Due to Manifest Cache you can still access app without internet connection. You need internet connection only when you need to update weather data.
  • YQL - fast and easy way to get the required data. Here we use YQL to search locations and get weather data for selected ones.
  • Flickr API - to show locations' photos.

So Weather7 is a real fully functioning Android Material app. Just open it in new window and pin it to your home screen:

Open app in new windowSource code

Fresh Tomatoes

This is a demo application build on top of Typework7 which will list upcoming and current movies from theaters and give you detailed information. Tapping on a movie will show additional information.

Open app in new windowSource code

HackerNews7

Hacker News Reader powered by Framework7 which is based on the Official Hacker News API.

App Features:

  • Home page with top 100 hacker news stories
  • Search through stories
  • Detail page for each story with its link and comments
  • Template7 for data rendering
  • Pull To Refresh to update top stories
  • Once loaded, the stories will be cached to Local Storage for fast access on app load in future

Open app in new windowSource code

CanJS Issue Tracker

Example project with CanJS and Framework7. The project highlights how the 2 frameworks can be combined.

Open app in new windowSource code

UrbanDictionary API

Simple Webapp based on the Framework7 to show Random Definitions from UrbanDictionary

App Features:

  • UrbanDictionary JSON API as data
  • App uses Template7 as template engine
  • Pull-To-Refresh to refresh definitions

Open app in new windowSource code

React Base

This app shows you example of using mobile Framework7 with React to build data-driven contacts application.

App Features:

  • App uses RequireJS to bring handy file-separated MVC structure
  • React.js to bring real-time data bindings.
  • Contacts list is sorted by name and by groups dynamically.
  • Local Storage - all contacts data is stored in Local Storage.

Open app in new windowSource code

hiApp

HiApp is a demo app to show how to use Framework 7 to build a hybrid app. HiApp is also a part of Hiliao, which is a real working web app.

hiApp Features:

Open hiApp in new window and pin it to your home screen:

Open app in new windowSource code

Contacts7-MVC

Contacts7 shows you example of using beautiful Framework7 in MVC way for building data-driven contacts application. With PhoneGap you can easily convert it to native iOS 7 app.

Contacts7 Features:

  • App uses RequireJS to bring handy file-separated MVC structure
  • Handlebars.js as a client side template engine
  • Contacts list is sorted by name and by groups dynamically using Lo-Dash
  • Local Storage - all contacts data is stored in Local Storage.
  • Full Screen. Contacts7 is a full screen app (on iOS 7)

Open Contacts7 in new window and pin it to your home screen:

Open app in new windowSource code

Weather7

Weather7 is the simple weather webapp that demonstrates how easy to create fully functioning iOS app with Framework7. With PhoneGap you can easily convert it to native iOS app.

Weather7 Features:

  • Local Storage. All your personal weather data is stored in Local Storage, so you don't need to add weather locations each time you launch app.
  • Manifest Cache. Due to Manifest Cache you can still access app without internet connection. You need internet connection only when you need to update weather data.
  • YQL - fast and easy way to get the required data. Here we use YQL to search locations and get weather data for selected ones.
  • Full Screen. Weather7 is a full screen app (on iOS). Just add it to your home screen to make sure. And the fun part is that with Framework7 you can easily control background color of status bar - click on "+" icon to open search popup and look at status bar.

So Weather7 is a real fully functioning iOS app. Just open it in new window and pin it to your home screen:

Open app in new windowSource code

ToDo7

ToDo7 is the incredibly simple "to do" webapp with simple tasks management. ToDo7 demonstrates that you can create fully functioning iOS app with minimal efforts in a few hours. Using PhoneGap you can convert it to native iOS app.

ToDo7 Features:

  • Local Storage. All your "to do" tasks are stored in Local Storage, so you don't need to add them each time you launch app.
  • Manifest Cache. Due to Manifest Cache you can still access app without internet connection.
  • Full Screen. ToDo7 is also a full screen app (on iOS).

So just open it in new window and pin it to your home screen:

Open app in new windowSource code