English
Search Languages
English English
dansk Danish
Español Spanish
简体中文 Chinese
中文 (臺灣) Chinese (Taiwan)
پارسی Persian
Français French
ελληνικά Greek
Русский Russian
Deutsch German
Italiano Italian
Nederlands Dutch
Português(BR) Portuguese
Indonesian Indonesian
Lietuvių Lithuanian
Türkçe Turkish
한국어 Korean
العربية Arabic
Magyar Hungarian
tiếng Việt Vietnamese
svenska Swedish
polski Polish
日本語 Japanese
românește Romanian
Design Beautiful Websites Quickly
Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML.
Concise HTML
Semantic UI 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.
Get the same benefits as BEM or SMACSS, but without the tedium.
Intuitive Javascript
Semantic uses simple phrases called behaviors that trigger functionality.
Any arbitrary decision in a component is included as a setting that developers can modify.
$('select.dropdown') .dropdown('set selected', ['meteor', 'ember']) ;
Simplified Debugging
Performance logging lets you track down bottlenecks without digging through stack traces.
Don't have access to development tools right now? Check out this short clip.
$('.sequenced.images .image') .transition({ debug : true, animation : 'jiggle', duration : 500, interval : 200 }) ;
Semantic is growing fast. Want to see just how much? Sign up and we'll let you know
Unbelievable Theming
Semantic comes equipped with an intuitive inheritance system and high level theming variables that let you have complete design freedom.
Develop your UI once, then deploy with the same code everywhere.
View Source
Select Theme
Semantic UI
Amazon
Google Material
GitHub
Bootstrap
Raised
Chubby
Classic
View
Add to Cart
Save for Later
Rate
Variable File
Override File
3000+ Theming Variables
The only dogma from this framework: everything arbitrary is mutable.
50+ UI Components
Build your entire site with one UI stack. Share your UI between multiple projects.
Browse UI
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.
Dropdown
Select Country
Andorra
United Arab Emirates
Afghanistan
Antigua
Anguilla
Albania
Armenia
Netherlands Antilles
Angola
Argentina
American Samoa
Austria
Australia
Aruba
Aland Islands
Azerbaijan
Bosnia
Barbados
Bangladesh
Belgium
Burkina Faso
Bulgaria
Bahrain
Burundi
Benin
Bermuda
Brunei
Bolivia
Brazil
Bahamas
Bhutan
Bouvet Island
Botswana
Belarus
Belize
Canada
Cocos Islands
Congo
Central African Republic
Congo Brazzaville
Switzerland
Cote Divoire
Cook Islands
Chile
Cameroon
China
Colombia
Costa Rica
Serbia
Cuba
Cape Verde
Christmas Island
Cyprus
Czech Republic
Germany
Djibouti
Denmark
Dominica
Dominican Republic
Algeria
Ecuador
Estonia
Egypt
Western Sahara
Eritrea
Spain
Ethiopia
European Union
Finland
Fiji
Falkland Islands
Micronesia
Faroe Islands
France
Gabon
England
Grenada
Georgia
French Guiana
Ghana
Gibraltar
Greenland
Gambia
Guinea
Guadeloupe
Equatorial Guinea
Greece
Sandwich Islands
Guatemala
Guam
Guinea-Bissau
Guyana
Hong Kong
Heard Island
Honduras
Croatia
Haiti
Hungary
Indonesia
Ireland
Israel
India
Indian Ocean Territory
Iraq
Iran
Iceland
Italy
Jamaica
Jordan
Japan
Kenya
Kyrgyzstan
Cambodia
Kiribati
Comoros
Saint Kitts and Nevis
North Korea
South Korea
Kuwait
Cayman Islands
Kazakhstan
Laos
Lebanon
Saint Lucia
Liechtenstein
Sri Lanka
Liberia
Lesotho
Lithuania
Luxembourg
Latvia
Libya
Morocco
Monaco
Moldova
Montenegro
Madagascar
Marshall Islands
MacEdonia
Mali
Burma
Mongolia
MacAu
Northern Mariana Islands
Martinique
Mauritania
Montserrat
Malta
Mauritius
Maldives
Malawi
Mexico
Malaysia
Mozambique
Namibia
New Caledonia
Niger
Norfolk Island
Nigeria
Nicaragua
Netherlands
Norway
Nepal
Nauru
Niue
New Zealand
Oman
Panama
Peru
French Polynesia
New Guinea
Philippines
Pakistan
Poland
Saint Pierre
Pitcairn Islands
Puerto Rico
Palestine
Portugal
Palau
Paraguay
Qatar
Reunion
Romania
Serbia
Russia
Rwanda
Saudi Arabia
Solomon Islands
Seychelles
Sudan
Sweden
Singapore
Saint Helena
Slovenia
Svalbard, I Flag Jan Mayen
Slovakia
Sierra Leone
San Marino
Senegal
Somalia
Suriname
Sao Tome
El Salvador
Syria
Swaziland
Caicos Islands
Chad
French Territories
Togo
Thailand
Tajikistan
Tokelau
Timorleste
Turkmenistan
Tunisia
Tonga
Turkey
Trinidad
Tuvalu
Taiwan
Tanzania
Ukraine
Uganda
Us Minor Islands
United States
Uruguay
Uzbekistan
Vatican City
Saint Vincent
Venezuela
British Virgin Islands
Us Virgin Islands
Vietnam
Vanuatu
Wallis and Futuna
Samoa
Yemen
Mayotte
South Africa
Zambia
Zimbabwe
Responsively Designed
Semantic is designed completely with em making responsive 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 React, Angular, Meteor, Ember and many other frameworks to help organize your UI layer alongside your application logic.
Liberate your Development
Enterprise Ready
Build tools, performance logging, support for custom definitions, multiple-levels of theme inheritance—a developer's dream.