PHPackages bnussbau/laravel-trmnl-blade - 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. [Templating & Views](/categories/templating) 4. / 5. bnussbau/laravel-trmnl-blade ActiveLibrary[Templating & Views](/categories/templating) bnussbau/laravel-trmnl-blade ============================ Blade Components on top of the TRMNL Design System 2.3.4(2mo ago)44.1k↑28.6%[1 PRs](https://github.com/bnussbau/trmnl-blade/pulls)1MITPHPPHP ^8.2CI passing Since Jun 4Pushed 2mo agoCompare [ Source](https://github.com/bnussbau/trmnl-blade)[ Packagist](https://packagist.org/packages/bnussbau/laravel-trmnl-blade)[ Docs](https://github.com/bnussbau/trmnl-blade)[ Fund](https://www.buymeacoffee.com/bnussbau)[ Fund](https://trmnl.com/?ref=laravel-trmnl)[ RSS](/packages/bnussbau-laravel-trmnl-blade/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (10)Dependencies (16)Versions (19)Used By (1) TRMNL Blade - Blade Components for the TRMNL Design System ========================================================== [](#trmnl-blade---blade-components-for-the-trmnl-design-system) [![Latest Version on Packagist](https://camo.githubusercontent.com/9f429711dc6ae3326896442a948c2602eeab1d04e2125c53f645fdce27d43ce6/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f626e7573736261752f6c61726176656c2d74726d6e6c2d626c6164652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/bnussbau/trmnl-blade)[![GitHub Tests Action Status](https://camo.githubusercontent.com/9c73b78e58b2f61a1439953becf04d5c7be2abe6c13e7bacf7e909077bb8beea/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f626e7573736261752f74726d6e6c2d626c6164652f72756e2d74657374732e796d6c3f6272616e63683d6d61696e266c6162656c3d7465737473267374796c653d666c61742d737175617265)](https://github.com/bnussbau/trmnl-blade/actions?query=workflow%3Arun-tests+branch%3Amain)[![GitHub Code Style Action Status](https://camo.githubusercontent.com/6ad91c1512ff8d41756662319962b22b3289f48471cb13fffea7b8445deb6923/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f626e7573736261752f74726d6e6c2d626c6164652f6669782d7068702d636f64652d7374796c652d6973737565732e796d6c3f6272616e63683d6d61696e266c6162656c3d636f64652532307374796c65267374796c653d666c61742d737175617265)](https://github.com/bnussbau/trmnl-blade/actions?query=workflow%3A%22Fix+PHP+code+style+issues%22+branch%3Amain)[![Total Downloads](https://camo.githubusercontent.com/1bf60d334d4cdbf773d16bdf7a40fc3ec77dfd957d1160f3e4009c585896bbd9/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f626e7573736261752f6c61726176656c2d74726d6e6c2d626c6164652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/bnussbau/trmnl-blade) 🎨 Blade Components on top of the TRMNL Design System ([docs](https://trmnl.com/framework)) Support us ---------- [](#support-us) Blade Components ---------------- [](#blade-components) - [see TRMNL Design System](https://trmnl.com/framework) - [resources/views/components](resources/views/components) Blade Compontens can help you generate markup code. Alternatively, you can just use the native CSS classes from the TRMNL Design System. ### Usage [](#usage) ### Basic Layout [](#basic-layout) ``` ``` ### Quote Example [](#quote-example) ``` Motivational Quote “I love inside jokes. I hope to be a part of one someday.” Michael Scott ``` Installation ------------ [](#installation) You can install the package via composer: ``` composer require bnussbau/trmnl-blade ``` You can publish the config file with: ``` php artisan vendor:publish --tag="trmnl-blade-config" ``` This is the contents of the published config file: ``` return [ 'framework_version' => env('TRMNL_BLADE_FRAMEWORK_VERSION', '2.1.0'), 'framework_css_version' => env('TRMNL_BLADE_FRAMEWORK_CSS_VERSION', '2.2.1'), 'framework_js_version' => env('TRMNL_BLADE_FRAMEWORK_JS_VERSION', '2.1.0'), 'framework_css_url' => env('TRMNL_BLADE_FRAMEWORK_CSS_URL', null), 'framework_js_url' => env('TRMNL_BLADE_FRAMEWORK_JS_URL', null), ]; ``` **Optionally**, you can publish the views using ``` php artisan vendor:publish --tag="trmnl-views" ``` Testing ------- [](#testing) ``` composer test ``` Changelog --------- [](#changelog) Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently. Contributing ------------ [](#contributing) Please see [CONTRIBUTING](CONTRIBUTING.md) for details. Security Vulnerabilities ------------------------ [](#security-vulnerabilities) Please review [our security policy](../../security/policy) on how to report security vulnerabilities. Credits ------- [](#credits) - [Benjamin Nussbaum](https://github.com/bnussbau) - [All Contributors](../../contributors) License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 49 — FairBetter than 95% of packages Maintenance87 Actively maintained with recent releases Popularity27 Limited adoption so far Community11 Small or concentrated contributor base Maturity58 Maturing project, gaining track record Bus Factor1 Top contributor holds 73.9% 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 ~20 days Recently: every ~9 days Total 15 Last Release 62d ago Major Versions 1.2.1 → 2.0.02025-09-14 ### Community Maintainers ![](https://www.gravatar.com/avatar/53653f306f20e3e075f9d9243a1daa101ae2f0f7fbd82329793e8e5acba6afba?d=identicon)[bnussbau](/maintainers/bnussbau) --- Top Contributors [![bnussbau](https://avatars.githubusercontent.com/u/8931007?v=4)](https://github.com/bnussbau "bnussbau (34 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (7 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (5 commits)") --- Tags design-systemlaravellaravel-packagetrmnllaravelbladedesign-systemBenjamin NussbaumTRMNL ### Code Quality TestsPest Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/bnussbau-laravel-trmnl-blade/health.svg) ``` [![Health](https://phpackages.com/badges/bnussbau-laravel-trmnl-blade/health.svg)](https://phpackages.com/packages/bnussbau-laravel-trmnl-blade) ``` ### Alternatives [spatie/laravel-blade-comments Add debug comments to your rendered output 177325.5k](/packages/spatie-laravel-blade-comments)[ryangjchandler/blade-capture-directive Create inline partials in your Blade templates with ease. 8222.2M12](/packages/ryangjchandler-blade-capture-directive)[daikazu/laravel-glider Start using Glide on-the-fly instantly in your Laravel blade templates. 882.3k](/packages/daikazu-laravel-glider)[angus-mcritchie/blade-boost-directive Lightning-Fast Blade Components with `@boost` Directive 3910.0k](/packages/angus-mcritchie-blade-boost-directive)[electrik/slate Slate - a Laravel Blade UI Kit is a set of anonymous blade components built using TailwindCSS v4 with built-in dark mode support for your next Laravel project 102.3k1](/packages/electrik-slate) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)