Onsen UI

Try it in 3 steps

1. 1

   Install the Onsen UI core package

   Add the framework-agnostic core package using the npm command from the official README.

   npm install onsenuiCopy
2. 2

   Import JavaScript and styles

   Load the Web Components implementation plus the core and component styles from the application entry point.

   import 'onsenui'; import 'onsenui/css/onsenui.css'; import 'onsenui/css/onsen-css-components.css';Copy
3. 3

   Render an Onsen UI component

   Add custom elements to the page and verify platform styling and component behavior in the target browser or WebView.

   <ons-page><ons-toolbar><div class="center">Demo</div></ons-toolbar><ons-button>Tap me</ons-button></ons-page>Copy

Built with

• JavaScript
• React
• Angular
• Vue

Categories and tags

GitHub data

Share a guide or use case for this OSS in Markdown. Articles are published after administrator approval.

Explore next

• Storybook91,174 Stars

  3 shared tag(s) · 1 shared category(s)

  capture UI states once and reuse them across docs, interaction tests, and agent tooling

  TypeScript
• Tauri111,467 Stars

  2 shared tag(s) · 2 shared category(s)

  Combine a web frontend and Rust native layer into desktop and mobile apps using system WebViews

  Rust
• Redux61,488 Stars

  2 shared tag(s) · 2 shared category(s)

  make shared-state updates explicit with stores/actions/reducers, while modern code uses Toolkit

  TypeScript
• Zustand58,774 Stars

  2 shared tag(s) · 2 shared category(s)

  manage React state with provider-free hook stores and subscribe through selectors

  TypeScript
• TanStack Query50,383 Stars

  2 shared tag(s) · 2 shared category(s)

  Manage fetching, caching, refetching, and mutations for remote server state outside local UI-state code

  TypeScript
• React250,821 Stars

  2 shared tag(s) · 1 shared category(s) · Same language

  build web and native interfaces from declarative components

  JavaScript