Semantic is a UI component framework based around useful principles from natural language.


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

Semantic allows developers to build beautiful websites fast, with concise HTML, intuitive javascript, and simplified debugging, helping make front-end development a delightful experience. Semantic is responsively designed allowing your website to scale on multiple devices. Semantic is production ready and partnered with frameworks such as React, Angular, Meteor, and Ember, which means you can integrate it with any of these frameworks to organize your UI layer alongside your application logic.


Recommended Install

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

For more details on setup visit getting started guide.

Additional Versions

CSS Only – CSS Repo

npm install semantic-ui-css

LESS Only – LESS Repo

npm install semantic-ui-less

LESS plugin – LESS Plugin Repo

npm install less-plugin-semantic-ui
ember install:addon semantic-ui-ember
meteor add semantic:ui

Meteor  CSS – CSS Repo

meteor add semantic:ui-css
bower install semantic-ui

Browser Support

  • Last 2 Versions FF, Chrome, Safari Mac
  • IE 11+
  • Android 4.4+, Chrome for Android 44+
  • iOS Safari 7+
  • Microsoft Edge 12+

Although some components will work in IE9, grids and other flexbox components are not supported by IE9 and may not appear correctly.



Leave a Reply

Avatar placeholder

Your email address will not be published. Required fields are marked *