PHPackages                             gitzaai/v2mobileui - 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. gitzaai/v2mobileui

ActiveFlarum-extension[Utility & Helpers](/categories/utility)

gitzaai/v2mobileui
==================

Adds a configurable bottom tab bar for Flarum on mobile.

v2.0.0(1mo ago)039—0%MITTypeScriptPHP ^8.3CI passing

Since May 4Pushed 1mo agoCompare

[ Source](https://github.com/gitzaai/v2mobileui)[ Packagist](https://packagist.org/packages/gitzaai/v2mobileui)[ GitHub Sponsors](https://github.com/android-com-pl/mobile-tab?sponsor=1)[ RSS](/packages/gitzaai-v2mobileui/feed)WikiDiscussions 2.x Synced 1w ago

READMEChangelog (1)Dependencies (2)Versions (2)Used By (0)

V2 Mobile UI
============

[](#v2-mobile-ui)

A [Flarum](https://flarum.org) extension. Adds a bottom tab on mobile.
----------------------------------------------------------------------

[](#a-flarum-extension-adds-a-bottom-tab-on-mobile)

Fork by rafaucau [Github](https://github.com/android-com-pl/mobile-tab)

**The extension Work for Flarum2.0+**

Languages: English, Simplified Chinese, Traditional Chinese In the administrator panel, you can move the buttons, add or remove them.

这是Fork别人的插件，不是本人创作了，我只是把按钮变成自己喜欢的，而且增加了中文的语言。 本插件仅支持 Flarum 2.0+版本

语言：英文、简体中文、繁体中文 在管理员面板，可以移动按钮的位置，增加或减少

首页界面 / Home page

[![Image description](https://camo.githubusercontent.com/a3d31802f68906cb4f0584d32e4539d451ec77d76ddca91548476533bc237216/68747470733a2f2f696d676f73732e6769747a6161692e636f6d2f323032362d30352d30342f313737373836313436392d3239323534352d736e6970617374652d323032362d30352d30342d30322d31342d31352e706e67)](https://camo.githubusercontent.com/a3d31802f68906cb4f0584d32e4539d451ec77d76ddca91548476533bc237216/68747470733a2f2f696d676f73732e6769747a6161692e636f6d2f323032362d30352d30342f313737373836313436392d3239323534352d736e6970617374652d323032362d30352d30342d30322d31342d31352e706e67)

管理员面板设置界面 / In the administrator panel

[![Image description](https://camo.githubusercontent.com/944f2d38b75b17b6bfe0059903318233f18e14277b16e0fc930b5d17f2341021/68747470733a2f2f696d676f73732e6769747a6161692e636f6d2f323032362d30352d30342f313737373836323131362d3731313635362d736e6970617374652d323032362d30352d30342d31302d32372d32322e706e67)](https://camo.githubusercontent.com/944f2d38b75b17b6bfe0059903318233f18e14277b16e0fc930b5d17f2341021/68747470733a2f2f696d676f73732e6769747a6161692e636f6d2f323032362d30352d30342f313737373836323131362d3731313635362d736e6970617374652d323032362d30352d30342d31302d32372d32322e706e67)

[![Image description](https://camo.githubusercontent.com/cb2740b05c78fdefb16d30958ecc6610b577a483ebc66e91c2aafad9019597ea/68747470733a2f2f696d676f73732e6769747a6161692e636f6d2f323032362d30352d30342f313737373836323132332d35353931342d736e6970617374652d323032362d30352d30342d31302d32372d33362e706e67)](https://camo.githubusercontent.com/cb2740b05c78fdefb16d30958ecc6610b577a483ebc66e91c2aafad9019597ea/68747470733a2f2f696d676f73732e6769747a6161692e636f6d2f323032362d30352d30342f313737373836323132332d35353931342d736e6970617374652d323032362d30352d30342d31302d32372d33362e706e67)

安装 / Installation
-----------------

[](#安装--installation)

Install with composer:

```
composer require gitzaai/v2mobileui
```

更新 / Updating
-------------

[](#更新--updating)

```
composer update gitzaai/v2mobileui
php flarum migrate
php flarum cache:clear
```

更多用法 / Extending
----------------

[](#更多用法--extending)

Important

These instructions are for Flarum 2.0. For Flarum 1.x documentation, please refer to: [Flarum 1.x Guide](https://github.com/android-com-pl/mobile-tab/tree/1.x?tab=readme-ov-file#extending)

You can add, modify, and delete items in the mobile tab using your own extension. Read: [https://docs.flarum.org/2.x/extend/extending-extensions](https://docs.flarum.org/2.x/extend/extending-extensions/)

1. Install `gitzaai/v2mobileui` as your extension's composer dependency or add it as an [optional dependency](https://docs.flarum.org/2.x/extend/extending-extensions/#optional-dependencies) in your `composer.json`.
2. In the `tsconfig.json` file add `"ext:gitzaai/v2mobileui/*": ["../vendor/gitzaai/v2mobileui/js/dist-typings/*"]` to the `compilerOptions.paths` object.
3. You can now import and use the registry classes to modify the mobile tab.

### Example

[](#example)

Create `extendMobile.ts` in your extension's `js/common` directory:

```
import MobileTabItemsRegistry from "ext:gitzaai/v2mobileui/common/MobileTabItemsRegistry";
import app from "flarum/common/app";
import { extend } from "flarum/common/extend";

export default () => {
  extend(MobileTabItemsRegistry.prototype, "items", (items) => {
    // Add a simple link item
    items.add("following", {
      icon: "fas fa-star",
      label: app.translator.trans("my-ext.forum.index.following_label"),
      href: () => app.route("following"),
      canView: () => !!app.session.user,
      source: "extension",
    });

    // Add an item that we plan to turn into an interactive component on the forum frontend
    items.add("my-interactive-item", {
      icon: "fas fa-rocket",
      label: app.translator.trans("my-ext.forum.my_interactive_item_label"),
      source: "extension",
    });
  });
};
```

Use this file in both admin and forum. Example for the admin side:

```
import app from "flarum/admin/app";
import extendMobileTab from "../common/extendMobileTab";

app.initializers.add("my-ext/mobile-tab-example", () => {
  extendMobileTab();
  // ... other initializers
});
```

To make an item interactive on the forum, assign a component using the `forumComponent` property.

Note

Interactive components should be registered in `MobileTabItemsRegistryForum` because they import `from flarum/forum/*`. Registering them in the common registry would break the admin panel.

```
import MobileTabItemsRegistryForum from "ext:gitzaai/v2mobileui/forum/data/MobileTabItemsRegistryForum";
import { extend } from "flarum/common/extend";
import app from "flarum/forum/app";
import extendMobileTab from "../common/extendMobileTab";
import MyCustomTabItem from "./components/MyCustomTabItem";

app.initializers.add("my-ext/mobile-tab-example", () => {
  extendMobileTab();

  extend(MobileTabItemsRegistryForum.prototype, "items", (items) => {
    // Get the item defined in common and enhance it for the forum
    const myItem = items.get("my-interactive-item");

    items.setContent("my-interactive-item", {
      ...myItem, // Keep icon, label, and other shared properties
      forumComponent: MyCustomTabItem, // Add the forum-only interactive component
    });
  });
  // ... other initializers
});
```

```
import MobileTabComponent from "ext:gitzaai/v2mobileui/common/components/MobileTabComponent";
import Button from "flarum/common/components/Button";

export default class MyCustomTabItem extends MobileTabComponent {
  view() {
    const { icon, label } = this.attrs.definition;

    return (
       console.log("clicked")}
      >
        {label}

    );
  }
}
```

Links
-----

[](#links)

- [Packagist](https://packagist.org/packages/gitzaai/v2mobileui)
- [GitHub](https://github.com/gitzaai/v2mobileui)
- [Discuss](https://forum.gitzaai.com/d/166)

###  Health Score

43

—

FairBetter than 89% of packages

Maintenance93

Actively maintained with recent releases

Popularity11

Limited adoption so far

Community13

Small or concentrated contributor base

Maturity48

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 63.2% 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

2

Last Release

37d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/9eefb441a53f227c90926b9f9b949b78aa525b8167df0f9c1123992923904626?d=identicon)[gitzaai](/maintainers/gitzaai)

---

Top Contributors

[![rafaucau](https://avatars.githubusercontent.com/u/25438601?v=4)](https://github.com/rafaucau "rafaucau (103 commits)")[![flarum-bot](https://avatars.githubusercontent.com/u/39334649?v=4)](https://github.com/flarum-bot "flarum-bot (38 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (10 commits)")[![gitzaai](https://avatars.githubusercontent.com/u/71829418?v=4)](https://github.com/gitzaai "gitzaai (4 commits)")[![StyleCIBot](https://avatars.githubusercontent.com/u/11048387?v=4)](https://github.com/StyleCIBot "StyleCIBot (3 commits)")[![FoskyM](https://avatars.githubusercontent.com/u/39661663?v=4)](https://github.com/FoskyM "FoskyM (3 commits)")[![stilic](https://avatars.githubusercontent.com/u/63605602?v=4)](https://github.com/stilic "stilic (1 commits)")[![jaggy](https://avatars.githubusercontent.com/u/1993075?v=4)](https://github.com/jaggy "jaggy (1 commits)")

---

Tags

flarum

### Embed Badge

![Health badge](/badges/gitzaai-v2mobileui/health.svg)

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

###  Alternatives

[flarum-lang/russian

Russian language pack for Flarum.

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

Well integrated, advanced private discussions.

61112.4k10](/packages/fof-byobu)[fof/gamification

Upvotes and downvotes for your Flarum community

4162.0k6](/packages/fof-gamification)[fof/polls

 A Flarum extension that adds polls to your discussions

25130.2k9](/packages/fof-polls)[fof/user-bio

Add a user bio to user profiles

21102.0k9](/packages/fof-user-bio)[fof/sitemap

Generate a sitemap

1896.4k2](/packages/fof-sitemap)

PHPackages © 2026

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