| CARVIEW |
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.
Simplified Debugging
Performance logging lets you track down bottlenecks without digging through stack traces.
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.
Variable File
Override File
3000+ Theming Variables
The only dogma from this framework: everything arbitrary is mutable.
Theming Guide
50+ UI Components
Build your entire site with one UI stack. Share your UI between multiple projects.
5000+ 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.
See Layout ExamplesDivider
Message
- Use our help center
- Check our FAQ
It will be ready in just a second.
molly@thebears.com
Dropdown
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.
Responsive Examples
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.
See Integrations
Liberate your Development
Enterprise Ready
Build tools, performance logging, support for custom definitions, multiple-levels of theme inheritance—a developer's dream.
Get Started NowCommunity
Network
Help Preserve This Project
Support for the continued development of Semantic UI comes directly from the community.
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.
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.