PHPackages fomantic/ui - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Framework](/categories/framework) 4. / 5. fomantic/ui ActiveLibrary[Framework](/categories/framework) fomantic/ui =========== Fomantic empowers designers and developers by creating a shared vocabulary for UI. 2.9.4(1y ago)3.7k24.0k335[222 issues](https://github.com/fomantic/Fomantic-UI/issues)[29 PRs](https://github.com/fomantic/Fomantic-UI/pulls)1MITJavaScriptCI passing Since Jun 19Pushed 1mo ago54 watchersCompare [ Source](https://github.com/fomantic/Fomantic-UI)[ Packagist](https://packagist.org/packages/fomantic/ui)[ Docs](https://fomantic-ui.com)[ GitHub Sponsors](https://github.com/lubber-de)[ RSS](/packages/fomantic-ui/feed)WikiDiscussions develop Synced 1mo ago READMEChangelog (10)DependenciesVersions (44)Used By (1) [![Fomantic Logo](https://camo.githubusercontent.com/534e5b87c232719b44bef4853d8e9752809f1ea106fdae311fca8d2d5d98cd9a/68747470733a2f2f666f6d616e7469632d75692e636f6d2f696d616765732f6c6f676f2e706e6723313238)](https://camo.githubusercontent.com/534e5b87c232719b44bef4853d8e9752809f1ea106fdae311fca8d2d5d98cd9a/68747470733a2f2f666f6d616e7469632d75692e636f6d2f696d616765732f6c6f676f2e706e6723313238) Fomantic-UI =========== [](#fomantic-ui) The official community fork of the popular Semantic-UI framework. [![CI](https://github.com/fomantic/Fomantic-UI/actions/workflows/ci.yml/badge.svg?branch=develop)](https://github.com/fomantic/Fomantic-UI/actions/workflows/ci.yml)[![Nightly Build](https://github.com/fomantic/Fomantic-UI/actions/workflows/nightly.yml/badge.svg?branch=develop)](https://github.com/fomantic/Fomantic-UI/actions/workflows/nightly.yml) [![last commit (develop)](https://camo.githubusercontent.com/ad52bcb1f957ea5bd3c7b4af5a4cd3191a5c074065506e7bec2de0d8b35bfbde/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6173742d636f6d6d69742f666f6d616e7469632f466f6d616e7469632d55492f646576656c6f702e7376673f6c6162656c3d6c617374253230636f6d6d6974253230253238646576656c6f70253239)](https://github.com/fomantic/Fomantic-UI/commits/develop)[![License](https://camo.githubusercontent.com/bfe65f687df4675f4e21dca568991752a371a12a1bb7bfb5966bbf32453c03ae/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f666f6d616e7469632f466f6d616e7469632d55493f636f6c6f723d253233336662393131)](https://github.com/fomantic/Fomantic-UI/blob/1fd94d2479f297c906bed557f0567d1d3f0a4d2c/LICENSE.md) [![Discord Server](https://camo.githubusercontent.com/1e1ce14c9f2f64caf79c6b4eb89d8d8fe67a81fbe853c606f41211bf1fd19e3f/68747470733a2f2f646973636f72646170702e636f6d2f6170692f6775696c64732f3435333132373131363432373439333337362f7769646765742e706e673f7374796c653d736869656c64)](https://discord.gg/YChxjJ3)[![Follow on Twitter](https://camo.githubusercontent.com/6d9a0a02065982df60b1d0892ff7af6b3a66af24a4dd68705a282e71c82c8f9e/68747470733a2f2f696d672e736869656c64732e696f2f747769747465722f666f6c6c6f772f666f6d616e74696375693f7374796c653d736f6369616c)](https://twitter.com/fomanticui) [![npm downloads](https://camo.githubusercontent.com/7c1137a5768a5d344e6e13000ecda0abde2c9819cd7665df098dadbdc088f9f7/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f666f6d616e7469632d75692e7376673f6c6162656c3d6e706d253230646f776e6c6f616473)](https://www.npmjs.com/package/fomantic-ui)[![npm version](https://camo.githubusercontent.com/8ba7e43c840b6b5b4e653c5b0392d571116c49ee84f2489ec8cfdbff3f87facf/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f666f6d616e7469632d7569)](https://www.npmjs.com/package/fomantic-ui) [![jsdelivr](https://camo.githubusercontent.com/ba6bd7c3fa5275477c6a1957b807805620af50a3528538dff9cdaa7ac75cd7c0/68747470733a2f2f646174612e6a7364656c6976722e636f6d2f76312f7061636b6167652f6e706d2f666f6d616e7469632d75692f62616467653f7374796c653d726f756e646564)](https://www.jsdelivr.com/package/npm/fomantic-ui)[![CDNJS](https://camo.githubusercontent.com/8194cc619057bdde1226866b880487c5666e4646c7e43b63e1b8718ecf4a2fa8/68747470733a2f2f696d672e736869656c64732e696f2f63646e6a732f762f666f6d616e7469632d75693f636f6c6f723d653935343230)](https://cdnjs.com/libraries/fomantic-ui) [![Package Quality](https://camo.githubusercontent.com/7875e9fc4b9cff49bbef1566c9bb4871aa3b804ead3457840286819682900bc6/68747470733a2f2f6e706d2e7061636b6167657175616c6974792e636f6d2f736869656c642f666f6d616e7469632d75692e7376673f6c6162656c3d7061636b6167652532307175616c697479)](https://packagequality.com/#?package=fomantic-ui)[![GitHub contributors](https://camo.githubusercontent.com/be9ed6b8bafbc2a330c6bbd64e34b1ac024498b76dbac538b048585436b9ed5e/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f636f6e7472696275746f72732f666f6d616e7469632f466f6d616e7469632d5549)](https://github.com/fomantic/Fomantic-UI/graphs/contributors)[![Dependabot Status](https://camo.githubusercontent.com/d76d2821fc19b7a952939813f47884a470cc9ec01e0e8f2c5c44b8c168d86fe3/68747470733a2f2f62616467656e2e6e65742f6769746875622f646570656e6461626f742f666f6d616e7469632f466f6d616e7469632d55492f3f69636f6e3d646570656e6461626f74)](https://github.com/features/security)[![Known Build Dependency Vulnerabilities](https://camo.githubusercontent.com/df8eb4bdc7d066507dc7a63f9a3965d0ae1827f05823ea313c87f48d5ec6ec46/68747470733a2f2f736e796b2e696f2f746573742f6769746875622f666f6d616e7469632f466f6d616e7469632d55492f62616467652e7376673f74617267657446696c653d7061636b6167652e6a736f6e)](https://snyk.io/test/github/fomantic/Fomantic-UI?targetFile=package.json)[![OpenSSF Best Practices](https://camo.githubusercontent.com/e84b556251880000df2dc778a19f60188a35c8dfe7c4ed3548fba9cff1775c3f/68747470733a2f2f626573747072616374696365732e636f7265696e6672617374727563747572652e6f72672f70726f6a656374732f373439362f6261646765)](https://bestpractices.coreinfrastructure.org/projects/7496)[![Gurubase](https://camo.githubusercontent.com/4e71e071826f989dcdf7e65100f90f6a10569d5d307d25491054fa1a2f02fcbd/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f47757275626173652d41736b253230466f6d616e7469632532305549253230477572752d303036424646)](https://gurubase.io/g/fomantic-ui) --- > *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](https://github.com/Semantic-Org/Semantic-UI/issues/6109) [Semantic-Org/Semantic-UI#6413](https://github.com/Semantic-Org/Semantic-UI/issues/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](https://github.com/fomantic/Fomantic-UI/issues/319). > > To be clear merging back into SUI is still our intention, read [this comment](https://github.com/fomantic/Fomantic-UI/issues/319#issuecomment-461736399) 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 -------------- [](#-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](https://fomantic-ui.com/introduction/getting-started.html). - To learn more about theming please read our [theming guide](https://fomantic-ui.com/usage/theming.html) ### 💻 Browser Support [](#-browser-support) - ![Chrome](https://camo.githubusercontent.com/9a7cd6fd65866cfa31a01665565ec067162827df7d57ef6457dedc123d69d601/68747470733a2f2f63646e6a732e636c6f7564666c6172652e636f6d2f616a61782f6c6962732f62726f777365722d6c6f676f732f37352e302e312f6368726f6d652f6368726f6d655f31367831362e706e67) Chrome >= 88 - ![Edge](https://camo.githubusercontent.com/6f83e7b7c45cd7c7cf57a0b0647531df6ec2beb1a6516d1b47dbd3c403bd3ad2/68747470733a2f2f63646e6a732e636c6f7564666c6172652e636f6d2f616a61782f6c6962732f62726f777365722d6c6f676f732f37352e302e312f656467652f656467655f31367831362e706e67) Edge >= 88 - ![Safari](https://camo.githubusercontent.com/3e677c313067320a17b9779d67fcc3ed3e86efe83497b317509f3b007aadf969/68747470733a2f2f63646e6a732e636c6f7564666c6172652e636f6d2f616a61782f6c6962732f62726f777365722d6c6f676f732f37352e302e312f617263686976652f7361666172692d696f735f312d362f7361666172692d696f735f312d365f31367831362e706e67) Safari >= 14.1 - ![Firefox](https://camo.githubusercontent.com/5f107d441a2eee00b683af57aff941678d8eb891ec46c9c2be89b56940e6b3b5/68747470733a2f2f63646e6a732e636c6f7564666c6172652e636f6d2f616a61782f6c6962732f62726f777365722d6c6f676f732f37352e302e312f66697265666f782f66697265666f785f31367831362e706e67) Firefox >= 82 - ![Opera](https://camo.githubusercontent.com/f2ac4f4fe58da201dca52d281c3d58dbb0f07bce9215a62c6d66b6ed846faef3/68747470733a2f2f63646e6a732e636c6f7564666c6172652e636f6d2f616a61782f6c6962732f62726f777365722d6c6f676f732f37352e302e312f6f706572612f6f706572615f31367831362e706e67) Opera >= 75 - ![Saumsung Internet](https://camo.githubusercontent.com/ab3aa35e1a93027edc032d2f6d3423f78506d804c39f004aebe8e40811a05fc9/68747470733a2f2f63646e6a732e636c6f7564666c6172652e636f6d2f616a61782f6c6962732f62726f777365722d6c6f676f732f37352e302e312f73616d73756e672d696e7465726e65742f73616d73756e672d696e7465726e65745f31367831362e706e67) Samsung Internet >= 15 - ![iOS](https://camo.githubusercontent.com/1a33e7d8ebb9896165e3f7a301ec4e2e669c88153ad38ef29bf269279cf87736/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2d6666666666663f6c6f676f3d6170706c65266c6f676f436f6c6f723d626c61636b) iOS >= 14.1 - ![Android](https://camo.githubusercontent.com/aa27845263bf20061e7f8cc45eace5d8267d0da11fc6104800cb8d4d60705d8c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2d6666666666663f6c6f676f3d616e64726f6964266c6f676f436f6c6f723d343364643838) Android >= 8 --- 📦 Other packages ---------------- [](#-other-packages) EnvironmentInstall CommandRepositoryThird-PartyCSS Only`npm install fomantic-ui-css`[Fomantic-UI-CSS](https://github.com/fomantic/Fomantic-UI-CSS)LESS`npm install fomantic-ui-less`[Fomantic-UI-LESS](https://github.com/fomantic/Fomantic-UI-LESS)SASS`gem 'fomantic-ui-sass'`[Fomantic-UI-SASS](https://github.com/fomantic/Fomantic-UI-SASS)✅--- 💬 Community ----------- [](#-community) ### 💡 Getting Help [](#-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](https://discord.gg/YChxjJ3) server. ### 🐛 Submitting Bugs and Enhancements [](#-submitting-bugs-and-enhancements) [GitHub Issues](https://github.com/fomantic/Fomantic-UI/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](https://jsfiddle.net/31d6y7mn) 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](https://jsfiddle.net/31d6y7mn) if not it's fine but explain clearly what you want. ### 📝 Pull Requests [](#-pull-requests) Before creating a pull request be sure to read the [Contributing Guide](CONTRIBUTING.md) and our [Code of Conduct](CODE_OF_CONDUCT.md), this is where we explain everything you need to know about contributing to Fomantic. Sponsors -------- [](#sponsors) ### Cross-browser testing provided by [BrowserStack](https://www.browserstack.com) [](#cross-browser-testing-provided-by-browserstack) [![BrowserStack](https://camo.githubusercontent.com/5c7d310c18cc72489a1707b09ae6e15f1694e14f01571961787d8cd5c0c9a943/68747470733a2f2f63646e2e7261776769742e636f6d2f666f6d616e7469632f466f6d616e7469632d55492d446f63732f33353138306539352f7365727665722f7261772f696d616765732f62726f77736572737461636b2e706e67)](https://www.browserstack.com) ### IDE's provided by [JetBrains](https://www.jetbrains.com?from=Fomantic-UI) [](#ides-provided-by-jetbrains) [![JetBrains logo.](https://camo.githubusercontent.com/b5639e7738c6dfae9fe3f3e20175570b7376ce2577a772e09c25c2d4f14bf86e/68747470733a2f2f7265736f75726365732e6a6574627261696e732e636f6d2f73746f726167652f70726f64756374732f636f6d70616e792f6272616e642f6c6f676f732f6a6574627261696e732e737667)](https://jb.gg/OpenSourceSupport?from=Fomantic-UI) --- ### Health Score 61 — FairBetter than 99% of packages Maintenance68 Regular maintenance activity Popularity53 Moderate usage in the ecosystem Community38 Small or concentrated contributor base Maturity75 Established project with proven stability Bus Factor1 Top contributor holds 70.6% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~76 days Recently: every ~217 days Total 33 Last Release 449d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/997906dea71d5e81ae994adf4fce2b2b3a78552cccf1dc64bf22d36ce68ab207?d=identicon)[salaros](/maintainers/salaros) --- Top Contributors [![jlukic](https://avatars.githubusercontent.com/u/23123?v=4)](https://github.com/jlukic "jlukic (5617 commits)")[![lubber-de](https://avatars.githubusercontent.com/u/18379884?v=4)](https://github.com/lubber-de "lubber-de (879 commits)")[![quirkyjack](https://avatars.githubusercontent.com/u/1591598?v=4)](https://github.com/quirkyjack "quirkyjack (480 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (319 commits)")[![prudho](https://avatars.githubusercontent.com/u/7557689?v=4)](https://github.com/prudho "prudho (104 commits)")[![dependabot-preview[bot]](https://avatars.githubusercontent.com/in/2141?v=4)](https://github.com/dependabot-preview[bot] "dependabot-preview[bot] (97 commits)")[![allcontributors[bot]](https://avatars.githubusercontent.com/in/23186?v=4)](https://github.com/allcontributors[bot] "allcontributors[bot] (69 commits)")[![ColinFrick](https://avatars.githubusercontent.com/u/5517677?v=4)](https://github.com/ColinFrick "ColinFrick (52 commits)")[![jsoref](https://avatars.githubusercontent.com/u/2119212?v=4)](https://github.com/jsoref "jsoref (51 commits)")[![mvorisek](https://avatars.githubusercontent.com/u/2228672?v=4)](https://github.com/mvorisek "mvorisek (48 commits)")[![MohammadYounes](https://avatars.githubusercontent.com/u/4712046?v=4)](https://github.com/MohammadYounes "MohammadYounes (35 commits)")[![ko2in](https://avatars.githubusercontent.com/u/930315?v=4)](https://github.com/ko2in "ko2in (26 commits)")[![splendido](https://avatars.githubusercontent.com/u/6148980?v=4)](https://github.com/splendido "splendido (20 commits)")[![nsmith](https://avatars.githubusercontent.com/u/116345?v=4)](https://github.com/nsmith "nsmith (17 commits)")[![exoego](https://avatars.githubusercontent.com/u/127635?v=4)](https://github.com/exoego "exoego (13 commits)")[![maturanomx](https://avatars.githubusercontent.com/u/5768813?v=4)](https://github.com/maturanomx "maturanomx (12 commits)")[![deneuxa](https://avatars.githubusercontent.com/u/359847?v=4)](https://github.com/deneuxa "deneuxa (12 commits)")[![andreiho](https://avatars.githubusercontent.com/u/9000674?v=4)](https://github.com/andreiho "andreiho (12 commits)")[![y0hami](https://avatars.githubusercontent.com/u/11588822?v=4)](https://github.com/y0hami "y0hami (12 commits)")[![mishak87](https://avatars.githubusercontent.com/u/276500?v=4)](https://github.com/mishak87 "mishak87 (11 commits)") --- Tags component-librarycsscss-frameworkfomanticfomantic-uiforkhacktoberfestjavascriptsemanticuiframeworkcssuisemanticfomanticfomantic-ui ### Embed Badge ![Health badge](/badges/fomantic-ui/health.svg) ``` [![Health](https://phpackages.com/badges/fomantic-ui/health.svg)](https://phpackages.com/packages/fomantic-ui) ``` ### Alternatives [semantic/ui Semantic empowers designers and developers by creating a shared vocabulary for UI. 51.1k35.6k2](/packages/semantic-ui)[twitter/bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web. 174.1k1.7M27](/packages/twitter-bootstrap)[foundation/foundation-sites The most advanced responsive front-end framework in the world. 29.8k8.4k](/packages/foundation-foundation-sites)[atk4/chart Chart.js for Agile UI 1214.2k](/packages/atk4-chart) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)