1.semantic-ui.comSemantic UI

UI Docs Download All UI Globals Reset Site Elements Button Divider Flag Header Icon Image Input Label List Loader Rail Reveal Segment Step Collections Breadcrumb Form Grid Menu Message Table Views Advertisement Card Comment Feed Item Statistic Modules Accordion Checkbox Dimmer Dropdown Modal Nag Popup Progress Rating Search Shape Sidebar Sticky Tab Transition Video Behaviors API Form Validation Visibility Menu Menu English dansk Español 简体中文 中文 (臺灣) پارسی Français ελληνικά Русский Deutsch Italiano Nederlands Português(BR) Indonesian Lietuvių Türkçe 한국어 العربية Magyar tiếng Việt svenska polski 日本語 românește English English dansk Español 简体中文 中文 (臺灣) پارسی Français ελληνικά Русский Deutsch Italiano Nederlands Português(BR) Indonesian Lietuvių Türkçe 한국어 العربية Magyar tiếng Việt svenska polski 日本語 românește Menu Learn Themes Layouts -- 1.12.2 HTML | is the language of the web. Download Now Design Beautiful Websites Quicker Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Concise HTML 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. One Two Three One Two Three 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. $('.gender.dropdown') .dropdown('setting', 'transition', 'vertical flip') .dropdown('set selected', 'female') .popup('setting', 'content', 'Select your gender') ; Male Female Male Female 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 Sign-up 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 Amazon Google Material GitHub Bootstrap Twitter Raised Chubby Classic View Add to Cart Save for Later Rate 1 2 3 Variable File Override File 3000+ Theming Variables The only dogma from this framework: everything arbitrary is mutable . Integration Guide 50+ UI Components Build your entire site with one UI stack. Share your UI between multiple projects. Browse UI 3,800+ Commits 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. See More Examples Menu Inbox 1 Trash 1 Tab Tab Inbox Starred Trash Inbox Starred Trash Divider A or B Accordion Size Small Medium Large X-Large Colors Red Orange Green Blue Message This site uses cookies Looking for help? Use our help center Check our FAQ We're creating your profile page It will be ready in just a second. Card Add Friend Steve Jobes Acquaintances Steve Jobes is a fictional character designed to resemble someone familiar to readers. Joined in 1998 22 Friends Feed Elliot Fu added you as a friend You added Jenny Hess to the group Close Friends Zoe just posted on your page Label jkitsune@newrepublic.com 23 New Dresses Step Shipping Choose your shipping options Billing Enter billing information Confirm Order Verify order details 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 Filter Posts Filter by Tag Important Announcement Cannot Fix Discussion Progress Adding 5 of 20 photos Segment Input Search http:// Add Tags Checkbox I enjoy having fun Receive weekly poodle newsletter Make my dog's profile public Responsively Designed Semantic is designed completely 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. Liberate your Development Beginner Friendly Don't feel comfortable tweaking everything? Download free community designed themes and use our customizer to build a package fit for your needs. View Basic Guide -- Enterprise Ready Build tools, performance logging, support for custom definitions, multiple-levels of theme inheritance—a developer's dream. Getting Started Guide Help Make Better Maintaining an open source UI library is no small task. Support for the continued development of comes directly from the community. Donate Today Contribute Translation Hub Issue Tracker CLA Create Themes Semantic Network Legacy Docs Learn Semantic Semantic Themes Semantic Layouts The Translation Needs Your Help This translation is only % complete! We need your help to make Semantic available to people who speak your language. Our translation tools are easy to use and allow you to translate text without having to leave the site. No Thanks Help Translate Would you like to visit the mirror site? Semantic is available at semantic-ui.cn a mirror site hosted inside China. This should make browsing much faster for those visiting from mainland China. N...