Awesome Open Source
Awesome Open Source


Phonon is a responsive front-end framework with a focus on simplicity and flexibility

TypeScript Dependency Status devDependencies Status Build Status Codecov npm license

Starting with v2, Phonon is written in Sass and TypeScript.


You have the following options to install Phonon v2:

  • Install with npm npm install [email protected]

  • Install with Yarn yarn add [email protected]

  • Install with Composer composer require phonon-framework/phonon

  • Deliver CDN cached version of Phonon compiled CSS and JavaScript to your project by using UNPKG

  • Clone the repository to get all source files and compile Phonon by using the scripts: git clone

  • Download the latest release and use compiled CSS and JavaScript files available in the dist folder

Framework compatibility

Phonon uses a DOM MutationObserver which enables to react to DOM changes. This explains the ease of use of Phonon with Angular, React and Vue, etc. Please see Examples for more information.


We have several examples to share with you to show you how easy it is to integrate Phonon for your project. All examples are available in examples/.


Phonon Framework is maintained under the Semantic Versioning guidelines.


Don't hesitate to contribute to this project! The Phonon team is completely open to any suggestions or improvements. Please, go to the issues page to open an issue. Moreover, if your pull request contains JavaScript patches or features, you must include relevant unit tests. Editor preferences are available in the editor config for easy use in common text editors.

Copyright and license

Code released under the MIT License.

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (70,301
typescript (11,582
css (7,393
framework (1,116
web (1,030
website (339
light (61
front-end-development (57
mobile-web (46
frontend-framework (28
hybrid-apps (28