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
rtl
from the install script - Translation To help translate see the Wiki Guide for translations
Resource | Description |
---|---|
Bugs & Feature Requests | Make a test case by forking this jsfiddle, then submit a bug on GitHub |
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]