PHPackages                             fof/ui-kit - 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. [Utility & Helpers](/categories/utility)
4. /
5. fof/ui-kit

ActiveLibrary[Utility & Helpers](/categories/utility)

fof/ui-kit
==========

Frontend utilities for extension developers.

v1.0.1(3mo ago)02.2k↓62%1MITTypeScriptCI passing

Since Mar 18Pushed 3mo agoCompare

[ Source](https://github.com/FriendsOfFlarum/ui-kit)[ Packagist](https://packagist.org/packages/fof/ui-kit)[ Docs](https://friendsofflarum.org)[ Fund](https://opencollective.com/fof/donate)[ RSS](/packages/fof-ui-kit/feed)WikiDiscussions 2.x Synced 3w ago

READMEChangelog (5)Dependencies (1)Versions (7)Used By (1)

Flarum UiKit
============

[](#flarum-uikit)

[![latest version](https://camo.githubusercontent.com/339d50e16e6d6ee035b86dac5e6b1d1aa436c1b50c75970deb8154dd8ac7c2f1/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f666f662f75692d6b69742e737667)](https://packagist.org/packages/fof/ui-kit)[![mit license](https://camo.githubusercontent.com/8bb50fd2278f18fc326bf71f6e88ca8f884f72f179d3e555e20ed30157190d0d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d677265656e2e737667)](https://camo.githubusercontent.com/8bb50fd2278f18fc326bf71f6e88ca8f884f72f179d3e555e20ed30157190d0d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d677265656e2e737667)[![downloads](https://camo.githubusercontent.com/901fcf7873a00ed0ed9fad334a934b0779dd366c5fc331a2571249a805bb6c5d/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f666f662f75692d6b6974)](https://packagist.org/packages/fof/ui-kit/stats)

[Flarum](https://flarum.org) UiKit with reusable frontend utilities for extension developers. (***Not An Extension***)

Usage
-----

[](#usage)

Use the package's extender to register its resources.

**extend.php**

```
return [
    new FoF\UiKit\Extend\Register,
];
```

**example.js**

```
import ProgressBar from 'ext:fof/ui-kit/common/ProgressBar';
import Label from 'ext:fof/ui-kit/common/Label';
import LabelGroup from 'ext:fof/ui-kit/common/LabelGroup';
import DiscussionSearch from 'ext:fof/ui-kit/forum/DiscussionSearch';

/**
 * @param mini bool           small sized
 * @param alternate bool      works with backgrounds using control-bg background color
 * @param progress number     percentage
 * @param className string
 */

/**
 * @param color string
 */
Text

/**
 * Container for a group of labels
 */

/**
 * @param state GlobalSearchState
 * @param ignore number
 * @param onSelect (discussion: Discussion) => void
 */
 ...} />
```

Installation
------------

[](#installation)

```
composer require fof/ui-kit

```

Updating
--------

[](#updating)

```
composer update fof/ui-kit

```

Links
-----

[](#links)

- [GitHub](https://github.com/FriendsOfFlarum/ui-kit)
- [Packagist](https://packagist.org/packages/fof/ui-kit)

License
-------

[](#license)

The MIT License.

###  Health Score

41

—

FairBetter than 87% of packages

Maintenance81

Actively maintained with recent releases

Popularity22

Limited adoption so far

Community15

Small or concentrated contributor base

Maturity38

Early-stage or recently created project

 Bus Factor1

Top contributor holds 66.7% 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 ~0 days

Total

7

Last Release

98d ago

Major Versions

v1.0.0 → v2.0.0-beta.12026-03-18

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/16573496?v=4)[IanM](/maintainers/imorland)[@imorland](https://github.com/imorland)

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

![](https://www.gravatar.com/avatar/09c355d62c7dcfc040309947946c06155947883a72b6b0c7a354c7d93453fad1?d=identicon)[huseyinfiliz](/maintainers/huseyinfiliz)

---

Top Contributors

[![SychO9](https://avatars.githubusercontent.com/u/20267363?v=4)](https://github.com/SychO9 "SychO9 (24 commits)")[![rafaucau](https://avatars.githubusercontent.com/u/25438601?v=4)](https://github.com/rafaucau "rafaucau (9 commits)")[![flarum-bot](https://avatars.githubusercontent.com/u/39334649?v=4)](https://github.com/flarum-bot "flarum-bot (3 commits)")

### Embed Badge

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

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

###  Alternatives

[flarum-lang/russian

Russian language pack for Flarum.

12127.5k](/packages/flarum-lang-russian)[fof/byobu

Well integrated, advanced private discussions.

59112.4k11](/packages/fof-byobu)[flarum/tags

Organize discussions into a hierarchy of tags and categories.

38744.9k137](/packages/flarum-tags)[fof/gamification

Upvotes and downvotes for your Flarum community

4062.0k7](/packages/fof-gamification)[fof/polls

 A Flarum extension that adds polls to your discussions

25130.2k9](/packages/fof-polls)[michaelbelgium/flarum-discussion-views

Add views to flarum discussions

3055.4k6](/packages/michaelbelgium-flarum-discussion-views)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)