semantic-ui

Semantic UI

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

Getting Started

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

For more detail into how work with Semantic when building a site please read our customization guide on LearnSemantic.com

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.

Community

International

• 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

Support

• Want to learn about Semantic? Request an Invite to join our Slack chatroom for support and project discussions
• Have a bug? Make a test case by forking this jsfiddle, then submit a bug on GitHub
• Having issues with your code? Submit a question on StackOverflow or ask our Google Group
• Looking for a specific integration like Dart, Wordpress, Drupal, Angular, or Rails? Check out our integration page

Contributing

Places to Help

• Missing documentation in your language? Help us make Semantic available in more languages by joining our translation community
• Want to help with integration? Projects are organizing for official Meteor, and Angular integrations as well as a Sass port. Join the discussion on their respective boards.
• Want to help others learn concepts behind Semantic? Learnsemantic.com needs articles to help others get others up to speed with Semantic UI. Send me an e-mail if you are interested.

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 [e-mail]