Menu
Layouts
UI Docs
Globals
Site
Elements
Button Container Divider Flag Header Icon Image Input Label List Loader Placeholder Rail Reveal Segment Step
Collections
Breadcrumb Form Grid Menu Message Table
Views
Card Item Statistic
Modules
Accordion Checkbox Dimmer Dropdown Modal Popup Progress Search Shape Sidebar Sticky Tab Transition

Layouts

Starter

Examples to introduce components and their function

Theming
Examples of many common UI components, useful for testing custom themes.
Responsive
Patterns for adjusting display for different devices.
Grid
An introduction to using Semantic UI grids.
Attached Content
Examples of content that can attach to other content.
Bootstrap Migration
Examples of replacements for components found in Bootstrap.

Pages

Starter page templates

Homepage
A simple, responsive homepage design with sidebar.
Sticky Menus
Using visibility APIs to fix content after passing position in page.
Fixed Menu
Using a fixed menu with page content.
Login Form
A full-screen login form.

Community

Help Translate Submit an Issue Join our Chat CLA

Network

GitHub Repo User Forums 1.x Docs 0.x Docs

Help Preserve This Project

Support for the continued development of Semantic UI comes directly from the community.

Free & Open Source (MIT)
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.

No Thanks
Yes, take me to the mirror

Dimmer Message
Dimmer sub-header