Name		Name	Last commit message	Last commit date
.eslint		.eslint
.github		.github
dist		dist
examples		examples
scripts		scripts
src		src
tasks		tasks
test		test
types		types
.all-contributorsrc		.all-contributorsrc
.auto-changelog		.auto-changelog
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.prettierrc.js		.prettierrc.js
.stylelintrc.js		.stylelintrc.js
CHANGELOG.md		CHANGELOG.md
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
CONTRIBUTING.md		CONTRIBUTING.md
CONTRIBUTORS.md		CONTRIBUTORS.md
FAQ.md		FAQ.md
LICENSE.md		LICENSE.md
README.md		README.md
ROADMAP.md		ROADMAP.md
SECURITY.md		SECURITY.md
changelog-setup.js		changelog-setup.js
changelog-template.hbs		changelog-template.hbs
composer.json		composer.json
gulpfile.js		gulpfile.js
logo.png		logo.png
package.json		package.json
semantic.json.example		semantic.json.example
yarn.lock		yarn.lock

Repository files navigation

Fomantic-UI

The official 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

Living on the edge? Try our nightly build and test new features and bug fixes early!

npm install fomantic-ui@nightly

Fomantic 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

Chrome >= 108
Edge >= 108
Safari >= 15.4
Firefox >= 101
Opera >= 80
Samsung Internet >= 21
iOS >= 15.4
Android >= 10

📦 Other packages

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

💬 Community

💡 Getting Help

If you're looking for help with an issue we offer multiple ways for you to get support. You can post usage questions here on GitHub or you can ask in our community Discord server.

🐛 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 reproducible example of the bug. If a bug is apparent in the docs you can simply link to the docs example, 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 and our Code of Conduct, this is where we explain everything you need to know about contributing to Fomantic.