Menu
1.0.0

Semantic UI HTML | is the vocabulary of the web.

Download Now

Unbelievable Theming

Semantic offers complete design freedom. High level variables and an intuitive inheritance system lets you change the look and feel of your components with just a handful of lines.

View
Add to Cart
Save for Later
Rate
1
2
3

Variable File

Override File

3000+ CSS Variables

The only dogma from this framework: everything arbitrary is mutable.

Integration Guide

50+ UI Definitions

Build your entire site with one UI stack. Share your UI between multiple projects.

Browse UI

2800+ Commits

Semantic UI is a free open source project already used in multiple large scale production environments.

Visit GitHub

Unbelievable Breadth

Definitions aren't limited to just buttons on a page. Semantic's components allow several distinct types of definitions: elements, collections, views, modules and behaviors which cover the gamut of interface design.

View Kitchen Sink

Menu

Divider

A
or
B

Accordion

Message

This site uses cookies
Looking for help?
We're creating your profile page

It will be ready in just a second.

Card

Add Friend
Steve Jobes
Steve Jobes is a fictional character designed to resemble someone familiar to readers.

Feed

Elliot Fu added you as a friend
You added Jenny Hess to the group Close Friends

Label

jkitsune@newrepublic.com
23 New Dresses

Dropdown

Progress

Adding 5 of 20 photos

Input

Search
http://

Checkbox

Responsively Designed

Semantic is designed complely with em making reponsive sizing a breeze. Design variations built into elements allow you to make the choice how content adjusts for tablet and mobile.

Partners with Libraries You Love

Semantic has integrations with Angular, Meteor, Ember and many other frameworks to help organize your UI layer alongside your application logic.

Simplify Your Codebase

Semantic's conventions are based around common usage and not prescription. Syntax borrows useful principles from natural language like plurality, tense, and word order so your code explains itself.

Liberate your Development

Enterprise Ready

Build tools, performance logging, support for custom definitions, multiple-levels of theme inheritance—a developer's dream.

Getting Started Guide

Dimmer Message
Dimmer sub-header