PHPackages                             semantic/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. semantic/ui

ActiveLibrary[Framework](/categories/framework)

semantic/ui
===========

Semantic empowers designers and developers by creating a shared vocabulary for UI.

2.5.0(3y ago)51.1k35.6k4.9k[858 issues](https://github.com/Semantic-Org/Semantic-UI/issues)[108 PRs](https://github.com/Semantic-Org/Semantic-UI/pulls)1MITJavaScript

Since Sep 5Pushed 1y ago1.3k watchersCompare

[ Source](https://github.com/Semantic-Org/Semantic-UI)[ Packagist](https://packagist.org/packages/semantic/ui)[ Docs](http://www.semantic-ui.com)[ RSS](/packages/semantic-ui/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (10)DependenciesVersions (95)Used By (1)

[![Semantic](https://camo.githubusercontent.com/d4f7076fc7042e6a96ee72dff183471126c7e22a395d000f39d2b28b9779c442/687474703a2f2f73656d616e7469632d75692e636f6d2f696d616765732f6c6f676f2e706e67)](https://camo.githubusercontent.com/d4f7076fc7042e6a96ee72dff183471126c7e22a395d000f39d2b28b9779c442/687474703a2f2f73656d616e7469632d75692e636f6d2f696d616765732f6c6f676f2e706e67)

Semantic UI
===========

[](#semantic-ui)

[![Join the chat at https://gitter.im/Semantic-Org/Semantic-UI](https://camo.githubusercontent.com/abe08b740a4156153736f791393ec4da6619c4be73212e75769f52edacc0e2b5/68747470733a2f2f6261646765732e6769747465722e696d2f4a6f696e253230436861742e737667)](https://gitter.im/Semantic-Org/Semantic-UI?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

[![CDNJS](https://camo.githubusercontent.com/955c5d24ac2da7e435009ec4c8b0c8faf4609c4d9aa288f940eb82ea87470225/68747470733a2f2f696d672e736869656c64732e696f2f63646e6a732f762f73656d616e7469632d75692e737667)](https://cdnjs.com/libraries/semantic-ui/)

[Semantic](http://www.semantic-ui.com) 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

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.

2.5.0 Release (Oct 6, 2022)
---------------------------

[](#250-release-oct-6-2022)

Semantic UI is now compatible with Node 18 and Gulp 4.

User Support
------------

[](#user-support)

Please help us keep the issue tracker organized. For technical questions that do not include a specific [JSFiddle test case](https://jsfiddle.net/ca0rovs3/) (bug reports), or feature request please use [StackOverflow](http://stackoverflow.com/questions/tagged/semantic-ui) to find a solution.

Visit our [contributing guide](https://github.com/Semantic-Org/Semantic-UI/blob/master/CONTRIBUTING.md) for more on what should be posted to GitHub Issues.

Install
-------

[](#install)

#### Recommended Install

[](#recommended-install)

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

Semantic UI includes an interactive installer to help setup your project.

- For more details on setup visit our [getting started guide](http://semantic-ui.com/introduction/getting-started.html).
- To learn more about theming please read our [theming guide](http://www.semantic-ui.com/usage/theming.html)

#### Additional Versions

[](#additional-versions)

EnvironmentInstall ScriptRepoCSS Only`npm install semantic-ui-css`[CSS Repo](https://github.com/Semantic-Org/Semantic-UI-CSS)[LESS](https://github.com/less/less.js/) Only`npm install semantic-ui-less`[LESS Repo](https://github.com/Semantic-Org/Semantic-UI-LESS)[LESS](https://github.com/less/less.js/) plugin`npm install less-plugin-semantic-ui`[LESS Plugin Repo](https://github.com/bassjobsen/less-plugin-semantic-ui/)[EmberJS](http://emberjs.com/)`ember install:addon semantic-ui-ember`[Ember Repo](https://github.com/Semantic-Org/Semantic-UI-Ember)[Meteor](https://www.meteor.com/) - [LESS](https://github.com/less/less.js/)`meteor add semantic:ui`[Meteor Repo](https://github.com/Semantic-Org/Semantic-UI-Meteor)[Meteor](https://www.meteor.com/) - CSS`meteor add semantic:ui-css`[CSS Repo](https://github.com/Semantic-Org/Semantic-UI-CSS)[Bower](http://bower.io/)`bower install semantic-ui`Check out our [integration wiki](https://github.com/Semantic-Org/Semantic-UI/wiki/Integration) for more options.

#### Browser Support

[](#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](http://semantic-ui.com/collections/grid.html) and other [flexbox](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes) components are not supported by IE9 and may not appear correctly.

Community
---------

[](#community)

#### Getting Help

[](#getting-help)

Please **do not post** usage questions to GitHub Issues. For these types of questions use our [Gitter chatroom](https://gitter.im/Semantic-Org/Semantic-UI) or [StackOverflow](http://stackoverflow.com/questions/tagged/semantic-ui).

#### Submitting Bugs and Enhancements

[](#submitting-bugs-and-enhancements)

[GitHub Issues](https://github.com/Semantic-Org/Semantic-UI/issues) is for suggesting enhancements and reporting bugs. Before submiting a bug make sure you do the following:

- Check out our [contributing guide](https://github.com/Semantic-Org/Semantic-UI/blob/master/CONTRIBUTING.md) for info on our release cycle.
- [Fork this boilerplate JSFiddle](https://jsfiddle.net/ca0rovs3/) 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.

#### Pull Requests

[](#pull-requests)

When adding pull requests, be sure to merge into the [next](https://github.com/Semantic-Org/Semantic-UI/tree/next) branch. If you need to demonstrate a fix in `next` release, you can use [this JSFiddle](https://jsfiddle.net/ca0rovs3/)

#### International

[](#international)

- **Chinese** A Chinese mirror site is available at .
- **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](https://github.com/Semantic-Org/Semantic-UI/wiki/Translating-Semantic-UI-Docs) for translations.

#### Resources

[](#resources)

ResourceDescriptionBugs & Feature RequestsAll bug submission **require** a link to a test case, and a set of steps to reproduce the issue. You can make a test case by forking this [JSFiddle](https://jsfiddle.net/ca0rovs3/), then submit your [bug report on GitHub Issues](https://github.com/Semantic-Org/Semantic-UI/issues)Live ChatJoin our [Gitter.im Room](https://gitter.im/Semantic-Org/Semantic-UI)Newsletter UpdatesSign up for updates at [semantic-ui.com](http://www.semantic-ui.com)Additional ResourcesSubmit a question on [StackOverflow](http://stackoverflow.com/questions/tagged/semantic-ui) or ask our [Google Group](https://groups.google.com/forum/#!forum/semantic-ui)#### Places to Help

[](#places-to-help)

ProjectHow To HelpNext StepLocalizationHelp us translate Semantic UI into your language[Join our Translation Community](https://github.com/Semantic-Org/Semantic-UI/wiki/Translating-Semantic-UI-Docs)[SCSS](http://sass-lang.com/)SASS needs PR to support variables inside `@import`[Add Pull Request](https://github.com/sass/sass/pulls) for [\#739](https://github.com/sass/sass/issues/739#issuecomment-73984809)[Angular](https://angularjs.org/)Help develop angular bindingsReach Out on [GitHub Issues](https://github.com/Semantic-Org/Semantic-UI-Angular/issues/8)Guides & TutorialsHelp write guides and tutorials[Join the discussion](https://github.com/Semantic-Org/Semantic-UI/issues/1571)#### Reaching Out

[](#reaching-out)

If you'd like to start a conversation about Semantic feel free to e-mail me at

[![](https://camo.githubusercontent.com/b83cce49c4c06cf7f642e0587271e7ea427c7f8ebf77d8b37e835b0b78603b84/687474703a2f2f6e706d2e7061636b6167657175616c6974792e636f6d2f62616467652f73656d616e7469632d75692e706e67)](http://packagequality.com/#?package=semantic-ui)

###  Health Score

59

—

FairBetter than 99% of packages

Maintenance30

Infrequent updates — may be unmaintained

Popularity66

Solid adoption and visibility

Community50

Growing community involvement

Maturity79

Established project with proven stability

 Bus Factor1

Top contributor holds 88.4% 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 ~47 days

Recently: every ~392 days

Total

63

Last Release

1320d ago

Major Versions

0.19.3 → 1.0.x-dev2014-11-24

1.x-dev → 2.0.02015-07-01

### Community

Maintainers

![](https://www.gravatar.com/avatar/c7f965e2928bb75330b0b832c6fbe63e5eb4d8ce3d9e804880f6d59969a5e6e6?d=identicon)[rendom](/maintainers/rendom)

![](https://www.gravatar.com/avatar/bef383ed43a18d50dd697f7355a5a2d048d8ef4050bd8f287d7d3edbc68b6732?d=identicon)[jlukic](/maintainers/jlukic)

---

Top Contributors

[![jlukic](https://avatars.githubusercontent.com/u/23123?v=4)](https://github.com/jlukic "jlukic (5692 commits)")[![quirkyjack](https://avatars.githubusercontent.com/u/1591598?v=4)](https://github.com/quirkyjack "quirkyjack (480 commits)")[![jsoref](https://avatars.githubusercontent.com/u/2119212?v=4)](https://github.com/jsoref "jsoref (52 commits)")[![MohammadYounes](https://avatars.githubusercontent.com/u/4712046?v=4)](https://github.com/MohammadYounes "MohammadYounes (35 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)")[![andreiho](https://avatars.githubusercontent.com/u/9000674?v=4)](https://github.com/andreiho "andreiho (12 commits)")[![deneuxa](https://avatars.githubusercontent.com/u/359847?v=4)](https://github.com/deneuxa "deneuxa (12 commits)")[![maturanomx](https://avatars.githubusercontent.com/u/5768813?v=4)](https://github.com/maturanomx "maturanomx (12 commits)")[![mishak87](https://avatars.githubusercontent.com/u/276500?v=4)](https://github.com/mishak87 "mishak87 (11 commits)")[![mdehoog](https://avatars.githubusercontent.com/u/1538523?v=4)](https://github.com/mdehoog "mdehoog (10 commits)")[![awgv](https://avatars.githubusercontent.com/u/6409354?v=4)](https://github.com/awgv "awgv (9 commits)")[![brigand](https://avatars.githubusercontent.com/u/936069?v=4)](https://github.com/brigand "brigand (8 commits)")[![romuloctba](https://avatars.githubusercontent.com/u/2955932?v=4)](https://github.com/romuloctba "romuloctba (6 commits)")[![lemartialou](https://avatars.githubusercontent.com/u/5085054?v=4)](https://github.com/lemartialou "lemartialou (5 commits)")[![anotherZero](https://avatars.githubusercontent.com/u/1004525?v=4)](https://github.com/anotherZero "anotherZero (5 commits)")[![frontdevde](https://avatars.githubusercontent.com/u/1562646?v=4)](https://github.com/frontdevde "frontdevde (5 commits)")[![tomsseisums](https://avatars.githubusercontent.com/u/1030080?v=4)](https://github.com/tomsseisums "tomsseisums (5 commits)")[![eibrahim](https://avatars.githubusercontent.com/u/143816?v=4)](https://github.com/eibrahim "eibrahim (4 commits)")[![dos1](https://avatars.githubusercontent.com/u/126204?v=4)](https://github.com/dos1 "dos1 (4 commits)")

---

Tags

buttoncss-frameworkdropdownflexboxpopupsemanticsidebartooltipuiui-componentsframeworkcssuisemantic

### Embed Badge

![Health badge](/badges/semantic-ui/health.svg)

```
[![Health](https://phpackages.com/badges/semantic-ui/health.svg)](https://phpackages.com/packages/semantic-ui)
```

###  Alternatives

[twitter/bootstrap

The most popular front-end framework for developing responsive, mobile first projects on the web.

174.1k1.7M27](/packages/twitter-bootstrap)[fomantic/ui

Fomantic empowers designers and developers by creating a shared vocabulary for UI.

3.7k24.0k1](/packages/fomantic-ui)[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)