Onsen UI vs PostCSS

Overview

PostCSS

Stacks2.4K

Followers548

Votes49

GitHub Stars28.9K

Forks1.6K

Onsen UI

Stacks40

Followers136

Votes11

GitHub Stars8.9K

Forks1.0K

Onsen UI vs PostCSS: 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, PostCSS is detailed as "Transform CSS with JS plugins". PostCSS is a tool for transforming CSS with JS plugins. These plugins can support variables and mixins, transpile future CSS syntax, inline images, and more.

Onsen UI and PostCSS are primarily classified as "Cross-Platform Mobile Development" and "CSS Pre-processors / Extensions" tools respectively.

Onsen UI and PostCSS are both open source tools. It seems that PostCSS with 21.1K GitHub stars and 1.15K forks on GitHub has more adoption 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)

Manual

Advice on PostCSS, Onsen UI

Anonymous

CEO at ME!

Jun 17, 2020

Needs adviceon

Sass

Stylus

PostCSS

Originally, I was going to start using @{Sass}|tool:1171| with Parcel, but then I learned about @{Stylus}|tool:1172|, which looked interesting because it can get the property values of something directly instead of through variables, and @{PostCSS}|tool:3339|, which looked interesting because you can customize your Pre/Post-processing. Which tool would you recommend?

547k views547k

Comments

Detailed Comparison

PostCSS	Onsen UI
PostCSS is a tool for transforming CSS with JS plugins. These plugins can support variables and mixins, transpile future CSS syntax, inline images, and more.	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).
-	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 28.9K	GitHub Stars 8.9K
GitHub Forks 1.6K	GitHub Forks 1.0K
Stacks 2.4K	Stacks 40
Followers 548	Followers 136
Votes 49	Votes 11
Pros & Cons
Pros 21 The "babel" of CSS 15 Customizable 8 Autoprefixer 2 Variables 1 PostCSS Flexbugs Fixes	Pros 3 Hybrid mobile 3 Allows for rapid prototyping 3 Works with any JavaScript framework 2 Free

What are some alternatives to PostCSS, Onsen UI?

Sass

Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

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 is a mobile app SDK to help developers and designers build modern mobile apps for iOS and Android.

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.

Less

Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable.

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.

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.

Stylus

Stylus is a revolutionary new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting both an indented syntax and regular CSS style.

Apache Cordova

Apache Cordova is a set of device APIs that allow a mobile app developer to access native device function such as the camera or accelerometer from JavaScript. Combined with a UI framework such as jQuery Mobile or Dojo Mobile or Sencha Touch, this allows a smartphone app to be developed with just HTML, CSS, and JavaScript.

Framework7

It is a free and open source mobile HTML framework to develop hybrid mobile apps or web apps with iOS native look and feel. All you need to make it work is a simple HTML layout and attached framework's CSS and JS files.