Phonon is a lightweight & scalable Javascript/CSS3/HTML5 mobile framework to develop a single page application based on Phonegap / Apache Cordova.
CSS JavaScript
Clone or download
Latest commit 7d96710 Jan 15, 2018
Failed to load latest commit information.
dist Release 1.4.9 Jan 14, 2018
examples Update Angular example Nov 19, 2017
kitchen-sink New markup for checkbox and radio inputs Mar 18, 2017
src Add current locale Jan 14, 2018
.eslintrc eslint file added Feb 16, 2016
.gitignore Exclude yarn Oct 16, 2017 Release 1.4.9 Jan 14, 2018
LICENSE Update year Feb 1, 2017 Add some shields Mar 12, 2017
bower.json Bower init Jan 18, 2017
gulpfile.js Add Awesomplete Mar 8, 2017
package.json Release 1.4.9 Jan 14, 2018


Phonon: the light weight, scalable, flexible and customizable HTML5 Web - Mobile Framework.

npm license GitHub contributors

Originally, Phonon has been created for building hybrid apps with Apache Cordova by using web technologies such as HTML, CSS and JavaScript. Phonon gives an intuitive and amuzing way of building apps. For example, the app's workflow can be defined with page events. This framework is also an UI framework proposing many features that are generic, which means they don't differ from mobile platforms. On the other hand, you can define your style according to the platform, because Phonon adds the OS class in the body tag. The main JavaScript file called phonon-core.js is only 23 kB! This file is the minimal file for running Phonon with basic CSS only components. Then you can load each component that you need. Since the version 1.0.0 released in August 2015, Phonon became browser-friendly which means you can build hybrid apps with Cordova or web apps!

Table of contents

Quick start

Several quick start options are available:

  • Download the latest release and use dist files.
  • Clone the repo: git clone Do not forget to run npm install.
  • Install with npm: npm install phonon.
  • Install with Bower: bower install phonon.
  • Use CDNJS.

The best place to start with Phonon is the Getting Started section.


Please, visit the website.


Code examples can be found in the docs or in the examples folder in this repository.


For more information, please see the compatibility section.

  • Android 4.1+
  • iOS 7+
  • IE10+ (IE9 is partially supported)
  • Chrome 30+
  • Firefox 10+
  • Opera 12+

Why use Phonon


Javascript: Phonon modules are independent each other. It is fine to use only one Phonon feature or component, but you will fall in love with all the features. :)

Library Agnostic

Use your favorite design pattern (MVW, MVVM, MVC, ...) or a module loader with Phonon! For example, Phonon plays well with RiotJS, AngularJS, RequireJS and VueJS.


A Phonon app is almost perfect, but an internationalized Phonon application, it's even better! The i18n module permits to manage your language files and to bind the correct language values inside your HTML templates with attributes. Learn more

Light-weight framework

The Phonon framework is very light (phonon-core.js is only 23 kB!).