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
npm install semantic-ui # Use themes, import build/watch tasks into your own gulpfile.
For details on how work with Semantic theming please read our customization guide on LearnSemantic.com
| Environment | Install Script | Repo |
|---|---|---|
| CSS Only | npm install semantic-ui-css |
CSS Repo |
| LESS Only | npm install semantic-ui-less |
LESS Repo |
| EmberJS | ember install:addon semantic-ui-ember |
Ember Repo |
| Meteor - LESS | meteor add semantic:ui |
LESS Repo |
| Meteor - CSS | meteor add semantic:ui-css |
CSS Repo |
| Bower | bower install semantic-ui |
Check out our integration wiki for more options.
- 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 http://www.semantic-ui.cn
- Right-to-Left (RTL) An RTL version can be created using our build tools by selecting
rtlfrom 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 Gitter.im Room |
| Newsletter Updates | Sign up for updates at semantic-ui.com |
| Additional Resources | Submit a question on StackOverflow or ask our Google Group |
| 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 |
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
If you'd like to start a conversation about Semantic feel free to e-mail me at [email protected]
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent