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
2.0 will be coming in June. Get ready by checking out the changes in the beta docs, and reading up on the 200+ new features, bug fixes and changes in the 2.0 release notes.
Check out the code by forking the next
branch.
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 |
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.
- 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 | 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]