PHPackages                             sycho/flarum-uikit - 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. sycho/flarum-uikit

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

sycho/flarum-uikit
==================

Frontend utilities for extension developers.

v0.3.2(1y ago)219.5k↓15.1%9MITTypeScript

Since Nov 29Pushed 1y ago1 watchersCompare

[ Source](https://github.com/SychO9/flarum-uikit)[ Packagist](https://packagist.org/packages/sycho/flarum-uikit)[ Fund](https://www.buymeacoffee.com/sycho)[ RSS](/packages/sycho-flarum-uikit/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (6)Dependencies (1)Versions (7)Used By (9)

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

[](#flarum-uikit)

[![latest version](https://camo.githubusercontent.com/dece047f6167f541e51f1f7d174bbc6e1f4972906dfdd62eaf95f18c763bdeac/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f737963686f2f666c6172756d2d75696b69742e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/sycho/flarum-uikit)[![mit license](https://camo.githubusercontent.com/832d96619790ca78f6414bfe9b7fb5f14a0715f6058706a4e614c2b2b98e9a10/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d677265656e2e7376673f7374796c653d666c61742d73717561726526636f6c6f723d677265656e)](https://camo.githubusercontent.com/832d96619790ca78f6414bfe9b7fb5f14a0715f6058706a4e614c2b2b98e9a10/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d677265656e2e7376673f7374796c653d666c61742d73717561726526636f6c6f723d677265656e)[![downloads](https://camo.githubusercontent.com/c74a1ed2bdcbf4897709d8631e7f46ad2a57490b5388d1a4096650c8f4aaaca4/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f737963686f2f666c6172756d2d75696b69743f636f6c6f723d253233663238643161267374796c653d666c61742d737175617265)](https://camo.githubusercontent.com/c74a1ed2bdcbf4897709d8631e7f46ad2a57490b5388d1a4096650c8f4aaaca4/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f737963686f2f666c6172756d2d75696b69743f636f6c6f723d253233663238643161267374796c653d666c61742d737175617265)[![donate](https://camo.githubusercontent.com/8a75d5c022ba03ef35ff5363dfee2eb11f67ae8c13bfef1092c0d5de35fd6f84/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f646f6e6174652d6275792532306d6525323061253230636f666665652d2532336666646533393f7374796c653d666c61742d737175617265)](https://www.buymeacoffee.com/sycho)

[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 SychO\UiKit\Extend\Register,
];
```

**example.js**

```
import ProgressBar from 'ext:sycho/flarum-uikit/common/ProgressBar';
import Label from 'ext:sycho/flarum-uikit/common/Label';
import LabelGroup from 'ext:sycho/flarum-uikit/common/LabelGroup';
import DiscussionSearch from 'ext:sycho/flarum-uikit/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 sycho/flarum-uikit:^0.3.0

```

Updating
--------

[](#updating)

```
$ composer update sycho/flarum-uikit:^0.3.0

```

Links
-----

[](#links)

- [GitHub](https://github.com/SychO9/flarum-uikit)
- [Packagist](https://packagist.org/packages/sycho/flarum-uikit)

License
-------

[](#license)

The MIT License.

###  Health Score

36

—

LowBetter than 82% of packages

Maintenance41

Moderate activity, may be stable

Popularity30

Limited adoption so far

Community15

Small or concentrated contributor base

Maturity48

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% 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 ~300 days

Recently: every ~324 days

Total

6

Last Release

491d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/3653255?v=4)[SychO](/maintainers/SychO)[@Sycho](https://github.com/Sycho)

---

Top Contributors

[![SychO9](https://avatars.githubusercontent.com/u/20267363?v=4)](https://github.com/SychO9 "SychO9 (24 commits)")

---

Tags

componentscssflarumjavascriptlibraryui

### Embed Badge

![Health badge](/badges/sycho-flarum-uikit/health.svg)

```
[![Health](https://phpackages.com/badges/sycho-flarum-uikit/health.svg)](https://phpackages.com/packages/sycho-flarum-uikit)
```

###  Alternatives

[fof/byobu

Well integrated, advanced private discussions.

61105.8k9](/packages/fof-byobu)[fof/user-bio

Add a user bio to user profiles

2196.5k9](/packages/fof-user-bio)[flarum/extension-manager

An extension manager to install, update and remove extension packages from the interface (Wrapper around composer).

12211.5k](/packages/flarum-extension-manager)[flarum/nicknames

Allow users to set nicknames.

10288.4k9](/packages/flarum-nicknames)[flarum/pusher

See new discussions and posts in real-time using Pusher.

22367.3k4](/packages/flarum-pusher)[fof/drafts

Allow users to create post and discussion drafts

1771.1k5](/packages/fof-drafts)

PHPackages © 2026

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