The Demo apps illustrate the power, range, and simplicity of using HTML5 to create hybrid apps. HTML5 supports access to a variety of on-device and web-based systems, including:
  • HTML5 built-in functions
  • Native device features
  • Web and cloud-based services
The Demos are organized by category, include full source code, and are cross-platform unless listed otherwise.
The Appception IDE 'File->Import' command can be used to directly add most Demos. See the README file in each Demo for more information. Source code is typically added to the 'assets/www' folder.
Multi-track Audio (download) - play multiple audio sources
Database (local)
SQL (download) - read/write client-side SQL database; uses HTML5 built-in openDatabase functions [deprecated]
Database (server)
Mongo (download) - read/write web database; uses MongoHQ, a Mongo-based database
OpenKeyval (download) - read/write web database; uses OpenKeyval, a web-based database
Snowflakes (download) - softly falling snowflakes; uses Processing.js library
Ball (download) - ball bouncing; uses Processing.js library
Shapes (download) - create shapes that move with gravity; uses box2dweb
Google Maps (download) - show a Google map and display directions
Push Notifications (download) - send Push Notification messages; uses Parse [Android-only]
Real-time Chat (download) - engage in real-time chat; uses PubNub
Social Networks
Twitter Lookup (download) - show information about a user [API 1 - deprecated by Twitter]
Twitter Trends (download) - show information about current trends [API 1 - deprecated by Twitter]
localStorage (download) - read/write local device storage; uses HTML5 built-in localStorage functions
SD Card (download) - access files on an external SD card
FastClick (download) - show highly responsive touch events
Chat (download) - converse live with a simple chat-like WebSocket server
Demo Installation:
There are 2 ways to install Demos:
A) Drag-and-drop method:
  • Download and save the .zip from the download link
  • Login to the Appception IDE
  • Drag-and-drop the .zip onto the Projects folder
  • Click 'Import'
  • Follow the instructions in the Demo README file
B) File->Import method:
  • Download and save the .zip from the download link
  • Login to Appception IDE
  • Select File->Import
  • Click Browse and choose the .zip file
  • Click 'Import'
  • Follow the instructions in the Demo README file
For more information, see Getting Started with Appception IDE