Onsen UI is an HTML5 UI framework for building modern mobile application.
Onsen UI make building application simple by basing on the concept of Web Component. Application can be build using html tags web developers already know. It is built on top of heroic AngularJs and performance craving Topcoat
Monaca IDE fully supports OnsenUI plugin.
Click Here to see OnsenUI in action!
See the Onsen UI Getting Started Page.
-
Open the terminal from OnsenUI directory
cd OnsenUI
-
Install dependencies using npm
npm install
-
Install grunt-cli (globally)
[sudo] npm install -g grunt-cli
-
Type grunt to start building
grunt
The files will be built and copied into build, demo/lib/onsen/, and app/lib/onsen/ folder.
-
Run script
scripts/web-server.js
-
Then navigate your browser to http://localhost:8000/demo/
Monaca IDE makes it super easy to create OnsenUI project, but if you want to use other IDEs, we provide a template in app folder for you to get started.
-
Running the app by running the script
scripts/web-server.js
-
Then navigate your browser to http://localhost:8000/app/
See the current Onsen UI docs.
Ask a question using the "Onsen-UI" tag in Monaca Forum.
Creator
- Kruy Vanna
Mentor
- Masahiro Tanaka
Mentor
- Hiroshi Shikata
Logo Designer
- Mao Takahashi
Project Name
- Khourn Khemry