PHPackages rawilk/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. rawilk/blade AbandonedArchivedLibrary[Templating & Views](/categories/templating) rawilk/blade ============ Commonly needed blade components for Laravel apps. v0.3.1(2y ago)0324[2 PRs](https://github.com/rawilk/blade/pulls)MITPHPPHP ^8.1|^8.2 Since Feb 1Pushed 2y ago1 watchersCompare [ Source](https://github.com/rawilk/blade)[ Packagist](https://packagist.org/packages/rawilk/blade)[ Docs](https://github.com/rawilk/blade)[ GitHub Sponsors](https://github.com/rawilk)[ RSS](/packages/rawilk-blade/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (10)Dependencies (12)Versions (18)Used By (0) **Notice:** Since I started this project, I've started using Filament, and as a result don't really have a need for this anymore. No further changes will be committed to this package. **Notice:** This package is still under development and is not production ready. Available components and api may change at any time without a major version change; use at your own risk. blade ===== [](#blade) [![Latest Version on Packagist](https://camo.githubusercontent.com/51e698d0fd812321774df1f302029909082367f6508a6f411f6c5b5e34c7f443/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f726177696c6b2f626c6164652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/rawilk/blade)[![Tests](https://github.com/rawilk/blade/workflows/Tests/badge.svg?style=flat-square)](https://github.com/rawilk/blade/workflows/Tests/badge.svg?style=flat-square)[![Total Downloads](https://camo.githubusercontent.com/9c84155f26e72754e337cb223be6701f1e96e8bd2442de70ff7214ee3ccd861f/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f726177696c6b2f626c6164652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/rawilk/blade)[![PHP from Packagist](https://camo.githubusercontent.com/f6f37840a366734c045d4b1c8586952114607ba2fa4b7a851c885c519a64ad6a/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f7068702d762f726177696c6b2f626c6164653f7374796c653d666c61742d737175617265)](https://packagist.org/packages/rawilk/blade)[![License](https://camo.githubusercontent.com/15d0e1d1be72ed4a28ab4841f963bbdb36a5746e8bfb369188bfe7278e868ab0/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f726177696c6b2f626c6164653f7374796c653d666c61742d737175617265)](https://github.com/rawilk/blade/blob/main/LICENSE.md) [![social image](https://camo.githubusercontent.com/866b347833ff7ffd0b00a8f4d755a089be9417635a39f13a8d99b8217b5b56c2/68747470733a2f2f62616e6e6572732e6265796f6e64636f2e64652f626c6164652e706e673f7468656d653d6c69676874267061636b6167654d616e616765723d636f6d706f7365722b72657175697265267061636b6167654e616d653d726177696c6b253246626c616465267061747465726e3d6c696e6573496e4d6f74696f6e267374796c653d7374796c655f31266465736372697074696f6e3d436f6d6d6f6e6c792b6e65656465642b626c6164652b636f6d706f6e656e74732b666f722b4c61726176656c2b617070732e266d643d312673686f7757617465726d61726b3d3026666f6e7453697a653d313030707826696d616765733d636f6465)](https://camo.githubusercontent.com/866b347833ff7ffd0b00a8f4d755a089be9417635a39f13a8d99b8217b5b56c2/68747470733a2f2f62616e6e6572732e6265796f6e64636f2e64652f626c6164652e706e673f7468656d653d6c69676874267061636b6167654d616e616765723d636f6d706f7365722b72657175697265267061636b6167654e616d653d726177696c6b253246626c616465267061747465726e3d6c696e6573496e4d6f74696f6e267374796c653d7374796c655f31266465736372697074696f6e3d436f6d6d6f6e6c792b6e65656465642b626c6164652b636f6d706f6e656e74732b666f722b4c61726176656c2b617070732e266d643d312673686f7757617465726d61726b3d3026666f6e7453697a653d313030707826696d616765733d636f6465) Blade is a package that provides blade components for common elements you may need in an application. The components are built and optimized for Tailwind CSS, Laravel Livewire, and Alpine.js, however they can be styled and used differently. Installation ------------ [](#installation) You can install the package via composer: ``` composer require rawilk/blade ``` You can publish the config file with: ``` php artisan vendor:publish --tag="blade-config" ``` You can view the default configuration here: Usage ----- [](#usage) Here is an example of how you can render a button element using the `button` component: ``` Click me ``` This will render a button with a background color of blue. Since a `wire:click` is specified, our button component will automatically add a loading indicator inside the button that will be shown when while waiting for the server to finish the request. > Note: The button component, along with may other components, can also be referenced with its alias defined in the config file. For example, you can use `x-button` instead of `x-blade::button.button`. Further documentation will be coming in the future for further usage on each of the components. Scripts ------- [](#scripts) ### Setup [](#setup) For convenience, you can run the setup bin script for easy installation for local development. ``` ./bin/setup.sh ``` ### Formatting [](#formatting) Although formatting is done automatically via workflow, you can format php code locally before committing with a composer script: ``` composer format ``` Testing ------- [](#testing) ``` composer test ``` Changelog --------- [](#changelog) Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently. Contributing ------------ [](#contributing) Please see [CONTRIBUTING](.github/CONTRIBUTING.md) for details. Security -------- [](#security) Please review [my security policy](.github/SECURITY.md) on how to report security vulnerabilities. Credits ------- [](#credits) - [Randall Wilk](https://github.com/rawilk) - [All Contributors](../../contributors) License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 28 — LowBetter than 54% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity14 Limited adoption so far Community10 Small or concentrated contributor base Maturity56 Maturing project, gaining track record Bus Factor1 Top contributor holds 77% 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 ~14 days Recently: every ~33 days Total 15 Last Release 997d ago PHP version history (2 changes)v0.1.0PHP ^8.1 v0.3.0PHP ^8.1|^8.2 ### Community Maintainers ![](https://www.gravatar.com/avatar/1e2f599d4d290bbb514a933d4f21c3f18fb093f5f8a9994cb17f5469853c749c?d=identicon)[rawilk](/maintainers/rawilk) --- Top Contributors [![rawilk](https://avatars.githubusercontent.com/u/22842525?v=4)](https://github.com/rawilk "rawilk (57 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (10 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (7 commits)") --- Tags laravelbladerawilk ### Code Quality TestsPest Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/rawilk-blade/health.svg) ``` [![Health](https://phpackages.com/badges/rawilk-blade/health.svg)](https://phpackages.com/packages/rawilk-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)[rawilk/filament-quill Quill rich text editor for Filament. 3647.4k](/packages/rawilk-filament-quill)[angus-mcritchie/blade-boost-directive Lightning-Fast Blade Components with `@boost` Directive 3910.0k](/packages/angus-mcritchie-blade-boost-directive)[combindma/dash-ui A streamlined and stylish UI component library for Laravel Blade, crafted with TailwindCSS and AlpineJs for simplicity and elegance. 631.4k](/packages/combindma-dash-ui) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)