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