Fomantic is a community fork of the popular Semantic-UI framework.
NOTE: Fomantic was created to continue active development of Semantic-UI and has the intent to be merged back into the master repository once active development can restart. For more info please read the following issues Semantic-Org/Semantic-UI#6109 Semantic-Org/Semantic-UI#6413
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.
Please help us keep the issue tracker organized. When creating an issue please complete the issue template and include a test case this helps us solve and label your issues. You can also ask questions on StackOverflow or our Discord
For more info take a look at our contributing guide.
npm install fomantic-uiFomantic UI includes an interactive installer to help setup your project.
- For more details on setup visit our getting started guide.
- To learn more about theming please read our theming guide
- 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.
If you have a usage question please do not post post it to GitHub Issues. You can ask for usage help via StackOverflow or our Discord. Please only create Github issues for bug's and feature requests or any other related issue.
GitHub Issues is for suggesting enhancements and reporting bugs. Before submiting a bug make sure you do the following:
- Check to see if the issue has already been raised.
- Fork this boilerplate JSFiddle to create a test case for your bug. If a bug is apparent in the docs, that's ok as a test case, just make it clear exactly how to reproduce the issue. Only bugs that include a test case can be triaged.
- If submitting an enhancement try and create it in the JSFiddle if not it's fine but explain clearly what you want.
When adding pull requests, be sure to merge into the next branch. If you need to demonstrate a fix in next release, you can use this JSFiddle
Semantic-UI was beautifully crafted by @jlukic