Semantic UI

    Join the chat at

    Semantic is a UI framework designed for theming.

    Key Features

    • 50+ UI elements
    • 3000 + CSS variables
    • 3 Levels of variable inheritance (similar to SublimeText)
    • Built with EM values for responsive design
    • Flexbox friendly


    Recommended Install

    npm install semantic-ui  # Use themes, import build/watch tasks into your own gulpfile.

    Getting Started

    For details on how work with Semantic theming please read our customization guide on

    Additional Versions

    Environment Install Script Repo
    CSS Only npm install semantic-ui-css CSS Repo
    LESS Only npm install semantic-ui-less LESS Repo
    LESS plugin npm install less-plugin-semantic-ui LESS Plugin Repo
    EmberJS ember install:addon semantic-ui-ember Ember Repo
    Meteor - LESS meteor add semantic:ui Meteor Repo
    Meteor - CSS meteor add semantic:ui-css CSS Repo
    Bower bower install semantic-ui

    Check out our integration wiki for more options.

    Browser Support

    • Last 2 Versions FF, Chrome, IE 10+
    • Safari 6
    • IE 9+ (Browser prefix only)
    • Android 4
    • Blackberry 10

    Browser prefixes are present for Internet Explorer 9, but the browser is not officially supported.



    • Chinese A Chinese mirror site is available at
    • Right-to-Left (RTL) An RTL version can be created using our build tools by selecting rtl from the install script
    • Translation To help translate see the Wiki Guide for translations


    Resource Description
    Bugs & Feature Requests All bug submission require a link to a test case, and a set of steps to reproduce the issue. You can make a test case by forking this jsfiddle, then submit your bug report on GitHub Issues
    Live Chat Join our Room
    Newsletter Updates Sign up for updates at
    Additional Resources Submit a question on StackOverflow or ask our Google Group

    Places to Help

    Project How To Help Next Step
    Localization Help us translate Semantic UI into your language Join our Translation Community
    SCSS SASS needs PR to support variables inside @import Add Pull Request for #739
    Angular Help develop angular bindings Reach Out on GitHub Issues
    Guides & Tutorials Help write guides and tutorials Join the discussion

    Pull Requests

    When adding pull requests be sure to merge into next branch. If you need to demonstrate a fix in next release, you can use this jsfiddle

    Reaching Out

    If you'd like to start a conversation about Semantic feel free to e-mail me at

    Flattr This


    🚀 Github 镜像仓库 🚀


    发行版本 100

    Version 2.4.1 - Oct 13, 2018


    贡献者 127



    • JavaScript 62.9 %
    • CSS 36.4 %
    • HTML 0.7 %