StackShareStackShare
Follow on
StackShare

Discover and share technology stacks from companies around the world.

Follow on

© 2025 StackShare. All rights reserved.

Product

  • Stacks
  • Tools
  • Feed

Company

  • About
  • Contact

Legal

  • Privacy Policy
  • Terms of Service
  1. Stackups
  2. Application & Data
  3. Frameworks
  4. Front End Frameworks
  5. Onsen UI vs Semantic UI

Onsen UI vs Semantic UI

OverviewComparisonAlternatives

Overview

Semantic UI
Semantic UI
Stacks992
Followers1.5K
Votes673
GitHub Stars51.2K
Forks4.9K
Onsen UI
Onsen UI
Stacks40
Followers136
Votes11
GitHub Stars8.9K
Forks1.0K

Onsen UI vs Semantic UI: What are the differences?

Developers describe Onsen UI as "HTML5 Hybrid Mobile App UI Framework - work with Angular, React, Vue, Meteor & pure JavaScript. Material & Flat design". Onsen UI helps you develop both hybrid and web apps. If developing hybrid apps, you can use it with the Cordova / PhoneGap command line, or with Monaca tools (CLI, Monaca IDE - cloud-based IDE for Cordova, Localkit - desktop GUI). On the other hand, Semantic UI is detailed as "A UI Component library implemented using a set of specifications designed around natural language". Semantic empowers designers and developers by creating a shared vocabulary for UI.

Onsen UI and Semantic UI are primarily classified as "Cross-Platform Mobile Development" and "Front-End Frameworks" tools respectively.

Some of the features offered by Onsen UI are:

  • Open source HTML5 hybrid app framework for PhoneGap & Cordova
  • JavaScript framework agnostic
  • Mobile-optimized HTML5, CSS and JavaScript with Web components

On the other hand, Semantic UI provides the following key features:

  • Build Responsive Layouts Easier
  • Self Explanatory
  • Tag ambivalent

Onsen UI and Semantic UI are both open source tools. Semantic UI with 45.9K GitHub stars and 4.84K forks on GitHub appears to be more popular than Onsen UI with 7.49K GitHub stars and 869 GitHub forks.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs
CLI (Node.js)
or
Manual

Detailed Comparison

Semantic UI
Semantic UI
Onsen UI
Onsen UI

Semantic empowers designers and developers by creating a shared vocabulary for UI.

Onsen UI helps you develop both hybrid and web apps. If developing hybrid apps, you can use it with the Cordova / PhoneGap command line, or with Monaca tools (CLI, Monaca IDE - cloud-based IDE for Cordova, Localkit - desktop GUI).

Build Responsive Layouts Easier;Self Explanatory;Tag ambivalent;Powerful tools for expressing groups and collections;Portable and self-contained
Open source HTML5 hybrid app framework for PhoneGap & Cordova; JavaScript framework agnostic; Mobile-optimized HTML5, CSS and JavaScript with Web components; UI framework; Responsive layout; Material and Flat design; Comprehensive toolset (CLI, IDE, debugger, remote build etc.) provided as Monaca
Statistics
GitHub Stars
51.2K
GitHub Stars
8.9K
GitHub Forks
4.9K
GitHub Forks
1.0K
Stacks
992
Stacks
40
Followers
1.5K
Followers
136
Votes
673
Votes
11
Pros & Cons
Pros
  • 157
    Easy to use and looks elegant
  • 92
    Variety of components
  • 64
    Themes
  • 61
    Has out-of-the-box widgets i would actually use
  • 57
    Semantic, duh
Cons
  • 5
    Outdated build tool (gulp 3))
  • 3
    HTML is not semantic (see list component)
  • 3
    Poor accessibility support
  • 2
    Javascript is tied to jquery
Pros
  • 3
    Works with any JavaScript framework
  • 3
    Allows for rapid prototyping
  • 3
    Hybrid mobile
  • 2
    Free
Integrations
AngularJS
AngularJS
React
React
Ember.js
Ember.js
Meteor
Meteor
No integrations available

What are some alternatives to Semantic UI, Onsen UI?

Bootstrap

Bootstrap

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

Ionic

Ionic

Free and open source, Ionic offers a library of mobile and desktop-optimized HTML, CSS and JS components for building highly interactive apps. Use with Angular, React, Vue, or plain JavaScript.

Flutter

Flutter

Flutter is a mobile app SDK to help developers and designers build modern mobile apps for iOS and Android.

React Native

React Native

React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. The focus of React Native is on developer efficiency across all the platforms you care about - learn once, write anywhere. Facebook uses React Native in multiple production apps and will continue investing in React Native.

Xamarin

Xamarin

Xamarin’s Mono-based products enable .NET developers to use their existing code, libraries and tools (including Visual Studio*), as well as skills in .NET and the C# programming language, to create mobile applications for the industry’s most widely-used mobile devices, including Android-based smartphones and tablets, iPhone, iPad and iPod Touch.

Foundation

Foundation

Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.

Materialize

Materialize

A CSS Framework based on material design.

Material Design for Angular

Material Design for Angular

Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design system for use in Angular SPAs.

NativeScript

NativeScript

NativeScript enables developers to build native apps for iOS, Android and Windows Universal while sharing the application code across the platforms. When building the application UI, developers use our libraries, which abstract the differences between the native platforms.

Material-UI

Material-UI

Material UI is a library of React UI components that implements Google's Material Design.

Related Comparisons

Bootstrap
Materialize

Bootstrap vs Materialize

Laravel
Django

Django vs Laravel vs Node.js

Bootstrap
Foundation

Bootstrap vs Foundation vs Material UI

Node.js
Spring Boot

Node.js vs Spring-Boot

Liquibase
Flyway

Flyway vs Liquibase