Software Alternatives & Reviews

Metro UI CSS VS Semantic UI

Compare Metro UI CSS VS Semantic UI and see what are their differences


Metro UI CSS a set of styles to create a site with an interface similar to Windows 8.

A UI Component library implemented using a set of specifications designed around natural language
Metro UI CSS Landing Page
Metro UI CSS Landing Page
Semantic UI Landing Page
Semantic UI Landing Page

Metro UI CSS details

Categories
CSS Framework Development Tools CSS Tools
Website metroui.org.ua  

Semantic UI details

Categories
CSS Framework Development Tools Designer Tools
Website semantic-ui.com  

Metro UI CSS videos

Working with Metro UI CSS - Quick Start

Semantic UI videos

Semantic UI In 60 Minutes

Category Popularity

0-100% (relative to Metro UI CSS and Semantic UI)
11
11%
89%
89
11
11%
89%
89
100
100%
0%
0
13
13%
87%
87

Reviews

These are some of the external sources and on-site user reviews we've used to compare Metro UI CSS and Semantic UI

Metro UI CSS Reviews

20 Best Front-End Frameworks For Bootstrap Alternative
Metro UI is a 12-grid based framework that is inspired by the Windows 8 Metro style interface. It’s very easy to use and has style with a bunch of common components like button, tile, menu, date picker and much more. There is also a News Portal template to get you started easily.
Source: beebom.com

Semantic UI Reviews

Comparing popular React component libraries
Unlike Blueprint, Semantic UI was designed for crafting React apps. It has some prebuilt themes you can use either by installing it or with Create React App. Semantic UI components are also highly responsive and it enjoys pretty good browser support to boot.
Best CSS Frameworks in 2019
Semantic UI attempts to make the development experience a breeze. It does this by making each CSS class as descriptive and easy to read as possible. The class names describe exactly what the component will look like when the class is applied.
CSS Frameworks to use in 2020
Semantic UI is an excellent development environment for most beginners due to its simplicity. However, many functions (like modal) use the Javascript setting, so without experience with this programming language, the Semantic UI will not be available.
Source: merehead.com
Bootstrap Alternatives 2019: Advanced CSS Frameworks for Developers
Semantic UI acknowledges that the user interface is the language of the web. One of the things that stood out while testing it was its well-documented instructions and elaborate examples of source codes. No doubt that the platform is easy to use and only loads the components that you need. However, we found a couple of problems with it. The classes on the platform don’t work...
6 Best ReactJS based UI Frameworks
Semantic UI is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. This framework is more influenced with semantic style of HTML having meaning for every css class.Semantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural language like noun/modifier relationship, plurality, word order to have...
Source: medium.com

Social recommendations and mentions

Based on our record, Semantic UI seems to be more popular. It has been mentiond 4 times since March 2021. We are tracking product recommendations and mentions on Reddit, HackerNews and some other platforms. They can help you identify which product is more popular and what people think of it.

Metro UI CSS mentions (0)

We have not tracked any mentions of Metro UI CSS yet. Tracking of Metro UI CSS recommendations started around Mar 2021.

Semantic UI mentions (4)

  • Get User Current Location Using HTML5 Geolocation API ← JavaScript
    As you can see, I have linked to semantic-ui which will help me save some time on the UI side. - Source: dev.to / 3 months ago
  • Vue.js + Google Maps API: Getting User Location
    As you can see, there is an input field with a button on the right, along with a few elements building a grid-based layout using semantic ui css framework. - Source: dev.to / 4 months ago
  • Vue.js + Places API: Build A Nearby Locations App
    Let’s create a two-column grid layout with a Semantic UI CSS framework. - Source: dev.to / 5 months ago
  • using both semantic ui and ant-design on the same website
    Do you mean semantic ui react? If so, I would no longer use it. You are also required to install the un-maintained semantic UI CSS package, which uses a version of Gulp that doesn't run on Node 12+. - Source: Reddit / 5 months ago

What are some alternatives?

When comparing Metro UI CSS and Semantic UI, you can also consider the following products

Bootstrap - Simple and flexible HTML, CSS, and JS for popular UI components and interactions

Materialize CSS - A modern responsive front-end framework based on Material Design

UIKit - A lightweight and modular front-end framework for developing fast and powerful web interfaces

Purecss - A set of small, responsive CSS modules that you can use in every web project.

Foundation - The most advanced responsive front-end framework in the world

Bulma - Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.

User reviews

Share your experience with using Metro UI CSS and Semantic UI. For example, how are they different and which one is better?

Post a review