Semantic UI

Semantic UI

Semantic UI is a free and open-source framework for HTML and CSS. The framework treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. Semantic UI provides similar benefits to that of BEM or SMACSS style guidelines.

Alternatives to Semantic UI

Bootstrap
1

Bootstrap

A free and open-source HTML and CSS framework dedicated to responsive and mobile-first frontend web development. With Bootstrap developers can get up and running fast without writing boilerplate HTML and CSS. Bootstrap comes packed with design templates and standards for buttons, forms, navigation, typography and interface components. The framework also provides extra interactive JavaScript extensions written specifically for Bootstrap.

Suggested by WPgeorge WPgeorge
Tailwind CSS
0

Tailwind CSS

Tailwind CSS is a customizable, low-level HTML & CSS framework. With Tailwind CSS you can create unique UIs without having to write any CSS. The framework comes with pre-written CSS classes that you can add to HTML elements to build bespoke UI components, your way.

Suggested by Millen Millen
TOP PROS
Extendable

You can easily extend Tailwind CSS with your own CSS classes and third-party plugins for form design, dark-mode and more.

Freddie Freddie
Utility Classes

Tailwind CSS make use of utility classes, which makes it really easy to create unique designs without modifying the underlying CSS.

Freddie Freddie
TOP CONS
Requires more tooling

Tailwind CSS requires more tooling then when working with CSS directly. Tailwind CSS requires you to run Node.js and to remove unused classes in production you should have PostCSS installed to reach optimal performance.

Freddie Freddie
Foundation
0

Foundation

Foundation is a free and open-source HTML & CSS framework that can be used to build and design websites and web applicaitons in a structured way.

Suggested by tenX tenX
Bulma
0

Bulma

Bulma is a free and open source HTML & CSS framework based on Flexbox. With Bulma you can quickly design responsive websites with pre-built components that follows web standards and best practices. The framework provides an easy to understand class structure that makes it easy to design websites with well structured code. Bulma is loved by many, and used by more than 200,000 developers worldwide.

Suggested by Metaphase Metaphase
TOP PROS
Lightweight and Simple

Bulma is 73kb minimized, and 10kb Gzipped which is relatively small when compared to other CSS frameworks like BootStrap. When you combine this with the sheer simplicity of Bulma, it's a an easy pick for me.

Jasmine Jasmine
Integrated Flexbox

Bulma provides predefined classes for CSS Flexbox which makes it super easy to get started with CSS Flexbox, while keeping your code sane and structured.

Jasmine Jasmine
TOP CONS
Materialize CSS
0

Materialize CSS

A modern responsive front-end framework based on Material Design. With Materialize CSS you can speedup your design and development process as most of the heavy lifting is done for you with default stylings that incorporate custom components. All principles of Material Design is incorporated into the framework and can be easily utilized with components and animations that provide better feedback to the users of your websites and applications.

Suggested by Jenna Jenna
UIkit
0

UIkit

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

Suggested by Sandra Sandra
Cirrus.CSS
0

Cirrus.CSS

Cirrus.CSS is a component and utility centric SCSS framework designed for rapid prototyping of web sites and web applications. In total, Cirrus.CSS weighs in at 17.3kb GZIPPED and provides all the necessary components for creating forms, buttons, check boxes, inputs and layouts for mobile and desktop.

Suggested by Cassie Cassie
PureCSS
0

PureCSS

PureCSS is a free and open-source CSS framework with a minimal footprint. The entire framework and its modules weighs in at just 3.7KB minified and gzipped. With PureCSS web developers can craft responsive UI for websites that works for mobile as well as desktop. Since every line of the framework was carefully considered, you can rest assured that your page size will be kept to a minimal, and your website loads fast.

Suggested by Havier Havier
Kendo UI
0

Kendo UI

With Kendo UI you can save time by integrating components to handle all the key functionality of your applications UI. Kendo UI is a set of pre-built commerical components that can be used to create feature rich data grid components, charts, spreadsheets, schedulers, and much more. The Kendo UI component are avalible for use with Angular, React, Vue and jQuery.

Suggested by Jasmine Jasmine

Do you know of more Semantic UI Alternatives?

Similar Alternatives

Sort by

Semantic UI Alternatives Semantic UI Alternatives

In this list you find Semantic UI Alternatives for various platforms. All alternatives are generated by people like yourself. No AI, machine learning or randomness is used to list and rank the best alternatives for Semantic UI.

List Last Updated:

27/01/2021 (a month ago)