ui css-framework semantic fork fomantic fomantic-ui component-library hacktoberfest css javascript

Fomantic-UI

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

EDIT: Lots has changed since we started this project and we are now starting the development of FUI v3. You can read more about the > v3 proposals here.

To be clear merging back into SUI is still our intention, read this comment for more info

Fomantic allows developers to build beautiful websites fast, with concise HTML, intuitive javascript, and simplified debugging, helping make front-end development a delightful experience. Fomantic is responsively designed allowing your website to scale on multiple devices.

📡 Installation

$ npm install fomantic-ui --save

Fomantic 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

💻 Browser Support

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.

📦 Other packages

Environment	Install Command	Repository	Third-Party
CSS Only	`npm install --save fomantic-ui-css`	Fomantic-UI-CSS
LESS	`npm install --save fomantic-ui-less`	Fomantic-UI-LESS
SASS	`gem 'fomantic-ui-sass'`	Fomantic-UI-SASS	✅

💬 Community

💡 Getting Help

If you have a usage question please do not post post it to GitHub Issues. You can ask for usage help via our Discord server. Please only create Github issues for bug's and feature requests or any other related issue.

🐛 Submitting Bugs and Enhancements

GitHub Issues is for suggesting enhancements and reporting bugs. Before submitting 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.

📝 Pull Requests

Before creating a pull request be sure to read the contributing guide, this is where we explain everything you need to know about contributing to Fomantic-UI.