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)221.5k↓66.4%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 3d 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

35

—

LowBetter than 77% of packages

Maintenance38

Infrequent updates — may be unmaintained

Popularity29

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

538d 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

[flarum-lang/russian

Russian language pack for Flarum.

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

Well integrated, advanced private discussions.

59120.6k13](/packages/fof-byobu)[flarum/tags

Organize discussions into a hierarchy of tags and categories.

38770.5k150](/packages/flarum-tags)[fof/discussion-language

Specify the language a discussion is written in & sort by language

1034.8k4](/packages/fof-discussion-language)[flarum-lang/french

French language pack to localize the Flarum forum software plus its official and third-party extensions.

1938.7k](/packages/flarum-lang-french)[fof/gamification

Upvotes and downvotes for your Flarum community

4066.1k8](/packages/fof-gamification)

PHPackages © 2026

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