PHPackages forumaker/bento - 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. forumaker/bento ActiveFlarum-extension[Utility & Helpers](/categories/utility) forumaker/bento =============== Replaces the default navigation on the tags page with tiles, pills, or a horizontal slider 2.5.5(1mo ago)0249↓20.6%MITTypeScriptPHP >=8.3 Since May 31Pushed 1mo agoCompare [ Source](https://github.com/forumaker/Bento)[ Packagist](https://packagist.org/packages/forumaker/bento)[ Docs](https://github.com/forumaker/Bento)[ RSS](/packages/forumaker-bento/feed)WikiDiscussions 2.x Synced 1w ago READMEChangelog (1)Dependencies (4)Versions (8)Used By (0) 🍱 Bento for Flarum ================== [](#-bento-for-flarum) Replaces the default navigation on the tags page with tiles, pills, or a horizontal slider. **Supports Flarum 2.x** [![License](https://camo.githubusercontent.com/b8cadaa967891081f8f165695470689986c028821dd8a040132f6e661795dc0d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c7565)](https://camo.githubusercontent.com/b8cadaa967891081f8f165695470689986c028821dd8a040132f6e661795dc0d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c7565) [![Packagist Version](https://camo.githubusercontent.com/a36c448028d8b5665adaa27bdb7d7275f052e4d4952264bac104c7aeabe5889e/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f666f72756d616b65722f62656e746f)](https://camo.githubusercontent.com/a36c448028d8b5665adaa27bdb7d7275f052e4d4952264bac104c7aeabe5889e/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f666f72756d616b65722f62656e746f) [![Downloads](https://camo.githubusercontent.com/c2a31699e5307612f89eaf524fc713045ffe9f80950451506321d682ea15a832/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f666f72756d616b65722f62656e746f)](https://camo.githubusercontent.com/c2a31699e5307612f89eaf524fc713045ffe9f80950451506321d682ea15a832/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f666f72756d616b65722f62656e746f) 🚀 Features ---------- [](#-features) - 🧩 Three navigation styles — tile grid, pill row, or horizontal slider - 🖥️ Configurable number of columns per row (2 – 6) for desktop - 📱 Standard Flarum navigation preserved on mobile 📸 Screenshots ------------- [](#-screenshots) [![image](https://private-user-images.githubusercontent.com/252437943/606130660-6da49f87-6239-4ef5-a45e-11ec3ea9ca04.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODQzNTM0NjgsIm5iZiI6MTc4NDM1MzE2OCwicGF0aCI6Ii8yNTI0Mzc5NDMvNjA2MTMwNjYwLTZkYTQ5Zjg3LTYyMzktNGVmNS1hNDVlLTExZWMzZWE5Y2EwNC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNzE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDcxOFQwNTM5MjhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wYmUyZWI0MWJhNTA1ZTJjMGRjYzA5NWIwOTQ4NzU5OWNmMjIyODYxMWVhZDg5NzliMTkxYmZiYWZhN2IwMDU5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZwbmcifQ.FhZDQAxWEyhXVeYBdX7INcoD-vuxIRTjgc3KZQeYKmA)](https://private-user-images.githubusercontent.com/252437943/606130660-6da49f87-6239-4ef5-a45e-11ec3ea9ca04.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODQzNTM0NjgsIm5iZiI6MTc4NDM1MzE2OCwicGF0aCI6Ii8yNTI0Mzc5NDMvNjA2MTMwNjYwLTZkYTQ5Zjg3LTYyMzktNGVmNS1hNDVlLTExZWMzZWE5Y2EwNC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNzE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDcxOFQwNTM5MjhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wYmUyZWI0MWJhNTA1ZTJjMGRjYzA5NWIwOTQ4NzU5OWNmMjIyODYxMWVhZDg5NzliMTkxYmZiYWZhN2IwMDU5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZwbmcifQ.FhZDQAxWEyhXVeYBdX7INcoD-vuxIRTjgc3KZQeYKmA)--- [![image](https://private-user-images.githubusercontent.com/252437943/600647075-c92e54b0-737b-4237-8104-2558c428af09.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODQzNTM0NjgsIm5iZiI6MTc4NDM1MzE2OCwicGF0aCI6Ii8yNTI0Mzc5NDMvNjAwNjQ3MDc1LWM5MmU1NGIwLTczN2ItNDIzNy04MTA0LTI1NThjNDI4YWYwOS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNzE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDcxOFQwNTM5MjhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xNzhjZDQ5N2U4NjExMGRhNDBhMzljYjVmOWFhMWQ4ZWU2MzU4ZGIyNmJjMzFkZGI5M2U5YjI1YWQxOGJlZGFkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZwbmcifQ.5LKQnrJgDY3f2u8phAZn5llTqJSaveK7_71FL5pJiAM)](https://private-user-images.githubusercontent.com/252437943/600647075-c92e54b0-737b-4237-8104-2558c428af09.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODQzNTM0NjgsIm5iZiI6MTc4NDM1MzE2OCwicGF0aCI6Ii8yNTI0Mzc5NDMvNjAwNjQ3MDc1LWM5MmU1NGIwLTczN2ItNDIzNy04MTA0LTI1NThjNDI4YWYwOS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNzE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDcxOFQwNTM5MjhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xNzhjZDQ5N2U4NjExMGRhNDBhMzljYjVmOWFhMWQ4ZWU2MzU4ZGIyNmJjMzFkZGI5M2U5YjI1YWQxOGJlZGFkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZwbmcifQ.5LKQnrJgDY3f2u8phAZn5llTqJSaveK7_71FL5pJiAM)--- [![image](https://private-user-images.githubusercontent.com/252437943/606130962-84ee7d5e-2950-41bf-acc1-8b61193f1721.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODQzNTM0NjgsIm5iZiI6MTc4NDM1MzE2OCwicGF0aCI6Ii8yNTI0Mzc5NDMvNjA2MTMwOTYyLTg0ZWU3ZDVlLTI5NTAtNDFiZi1hY2MxLThiNjExOTNmMTcyMS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNzE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDcxOFQwNTM5MjhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05NzBiYjZiZWY5NzVlYTU2YTM1YWZjNDM4MzEwZDk2Yjk0NGY3MDMyNjZhODE3NzBhZjFmZmFiZjI0NGE3MDk2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZwbmcifQ.XZlZgH3K7XaV3UYBXTqdpsx4H-kGW_rFBX8T3XI7Ia0)](https://private-user-images.githubusercontent.com/252437943/606130962-84ee7d5e-2950-41bf-acc1-8b61193f1721.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODQzNTM0NjgsIm5iZiI6MTc4NDM1MzE2OCwicGF0aCI6Ii8yNTI0Mzc5NDMvNjA2MTMwOTYyLTg0ZWU3ZDVlLTI5NTAtNDFiZi1hY2MxLThiNjExOTNmMTcyMS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNzE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDcxOFQwNTM5MjhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05NzBiYjZiZWY5NzVlYTU2YTM1YWZjNDM4MzEwZDk2Yjk0NGY3MDMyNjZhODE3NzBhZjFmZmFiZjI0NGE3MDk2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZwbmcifQ.XZlZgH3K7XaV3UYBXTqdpsx4H-kGW_rFBX8T3XI7Ia0)--- [![image](https://private-user-images.githubusercontent.com/252437943/606130864-6c930e22-3902-4918-8433-c6a37273c54a.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODQzNTM0NjgsIm5iZiI6MTc4NDM1MzE2OCwicGF0aCI6Ii8yNTI0Mzc5NDMvNjA2MTMwODY0LTZjOTMwZTIyLTM5MDItNDkxOC04NDMzLWM2YTM3MjczYzU0YS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNzE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDcxOFQwNTM5MjhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mYTNjY2NhMGE4MDI3MmE3N2U2ZDA3ZTEzNjM5MWEwMmUwNzg5YTcxN2Y2NDZiYWYzMTI1ZThhMDk5YzU4Yjc2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZwbmcifQ.9szT9hOljW7YR-XHDI58bWGh8JnB2sRjy3z3T7o7-l0)](https://private-user-images.githubusercontent.com/252437943/606130864-6c930e22-3902-4918-8433-c6a37273c54a.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODQzNTM0NjgsIm5iZiI6MTc4NDM1MzE2OCwicGF0aCI6Ii8yNTI0Mzc5NDMvNjA2MTMwODY0LTZjOTMwZTIyLTM5MDItNDkxOC04NDMzLWM2YTM3MjczYzU0YS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNzE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDcxOFQwNTM5MjhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mYTNjY2NhMGE4MDI3MmE3N2U2ZDA3ZTEzNjM5MWEwMmUwNzg5YTcxN2Y2NDZiYWYzMTI1ZThhMDk5YzU4Yjc2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZwbmcifQ.9szT9hOljW7YR-XHDI58bWGh8JnB2sRjy3z3T7o7-l0)--- [![image](https://private-user-images.githubusercontent.com/252437943/606130775-ac19e142-4ccd-479e-98f4-ebeb74163987.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODQzNTM0NjgsIm5iZiI6MTc4NDM1MzE2OCwicGF0aCI6Ii8yNTI0Mzc5NDMvNjA2MTMwNzc1LWFjMTllMTQyLTRjY2QtNDc5ZS05OGY0LWViZWI3NDE2Mzk4Ny5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNzE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDcxOFQwNTM5MjhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iMTc2MzVjZTkwY2UxNTBmZGY4NzBjYTc1ZDk4MTZlZTI1ZmU2ODc5ZGNiMTkyZjZhMzc4ZjU3MjJjYjgxNGY0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZwbmcifQ.2pEMmStE_u6SKIvdtLhfyDzinrM46rBM-XaioMIrgXQ)](https://private-user-images.githubusercontent.com/252437943/606130775-ac19e142-4ccd-479e-98f4-ebeb74163987.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODQzNTM0NjgsIm5iZiI6MTc4NDM1MzE2OCwicGF0aCI6Ii8yNTI0Mzc5NDMvNjA2MTMwNzc1LWFjMTllMTQyLTRjY2QtNDc5ZS05OGY0LWViZWI3NDE2Mzk4Ny5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNzE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDcxOFQwNTM5MjhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iMTc2MzVjZTkwY2UxNTBmZGY4NzBjYTc1ZDk4MTZlZTI1ZmU2ODc5ZGNiMTkyZjZhMzc4ZjU3MjJjYjgxNGY0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZwbmcifQ.2pEMmStE_u6SKIvdtLhfyDzinrM46rBM-XaioMIrgXQ)📦 Installation -------------- [](#-installation) Run in your Flarum root directory: ``` composer require forumaker/bento:"*" ``` 🔗 Links ------- [](#-links) - [**GitHub Repository**](https://github.com/forumaker/bento) - [**Packagist**](https://packagist.org/packages/forumaker/bento) - [**Discuss**](https://discuss.flarum.org/d/39349-bento-tile-navigation-for-the-tags-page) ### Health Score 44 — FairBetter than 90% of packages Maintenance91 Actively maintained with recent releases Popularity16 Limited adoption so far Community6 Small or concentrated contributor base Maturity53 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 ~1 days Total 8 Last Release 44d ago PHP version history (2 changes)2.0.0PHP >=8.2 2.4.0PHP >=8.3 ### Community Maintainers ![](https://www.gravatar.com/avatar/e1dbcfb7aefeaa0ef2a4420fc25908cfe93df7ea82def1a43900573aebfc458f?d=identicon)[forumaker](/maintainers/forumaker) --- Top Contributors [![forumaker](https://avatars.githubusercontent.com/u/252437943?v=4)](https://github.com/forumaker "forumaker (14 commits)") --- Tags gridtagsnavigationflarumflarum-extensiontile ### Embed Badge ![Health badge](/badges/forumaker-bento/health.svg) ``` [![Health](https://phpackages.com/badges/forumaker-bento/health.svg)](https://phpackages.com/packages/forumaker-bento) ``` ### Alternatives [fof/discussion-language Specify the language a discussion is written in & sort by language 1034.8k7](/packages/fof-discussion-language)[flarum-lang/russian Russian language pack for Flarum. 12128.3k](/packages/flarum-lang-russian)[fof/byobu Well integrated, advanced private discussions. 59120.6k14](/packages/fof-byobu)[fof/best-answer Mark a post as the best answer in a discussion 25154.0k22](/packages/fof-best-answer)[michaelbelgium/mybb-to-flarum Migrate a MyBB Forum to a fresh Flarum instance 261.1k](/packages/michaelbelgium-mybb-to-flarum) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)