PHPackages spatie/laravel-blade-x - 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. spatie/laravel-blade-x Abandoned → [laravel/framework](/?search=laravel%2Fframework)ArchivedLibrary[Templating & Views](/categories/templating) spatie/laravel-blade-x ====================== Supercharged Blade components 2.6.0(6y ago)520206.1k↓33.3%367MITPHPPHP ^7.2 Since Sep 28Pushed 6y ago9 watchersCompare [ Source](https://github.com/spatie/laravel-blade-x)[ Packagist](https://packagist.org/packages/spatie/laravel-blade-x)[ Docs](https://github.com/spatie/laravel-blade-x)[ RSS](/packages/spatie-laravel-blade-x/feed)WikiDiscussions master Synced 1mo ago READMEChangelog (10)Dependencies (4)Versions (30)Used By (7) Notice ====== [](#notice) We have abandoned this package because Laravel 7 introduced native support for Blade-X style components. Only use this package if you're on Laravel 6 or below. When upgrading to Laravel 7 you should convert your Blade X components to native Laravel Blade components Supercharged Blade components ============================= [](#supercharged-blade-components) [![Latest Version on Packagist](https://camo.githubusercontent.com/a9fe0006254e7083dfcf7459de167c8e5b6dd10d8aaa1ed5acc3dd6046eb87f6/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f7370617469652f6c61726176656c2d626c6164652d782e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/spatie/laravel-blade-x)[![GitHub Workflow Status](https://camo.githubusercontent.com/73ea8da900f745c4f8c4e69c7710d310b1506e56cb43510abae303c440dc8dbc/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f776f726b666c6f772f7374617475732f7370617469652f6c61726176656c2d626c6164652d782f72756e2d74657374733f6c6162656c3d7465737473)](https://github.com/spatie/laravel-blade-x/actions?query=workflow%3Arun-tests+branch%3Amaster)[![Quality Score](https://camo.githubusercontent.com/58711068a52be2115dfb69acb60e1d83d13045bed8645677c8cb3329857cfa65/68747470733a2f2f696d672e736869656c64732e696f2f7363727574696e697a65722f672f7370617469652f6c61726176656c2d626c6164652d782e7376673f7374796c653d666c61742d737175617265)](https://scrutinizer-ci.com/g/spatie/laravel-blade-x)[![StyleCI](https://camo.githubusercontent.com/f214660c5fc5fb40bdc573b8b983f57a2b33572587f27634949272485f60433a/68747470733a2f2f6769746875622e7374796c6563692e696f2f7265706f732f3135303733333032302f736869656c643f6272616e63683d6d6173746572)](https://github.styleci.io/repos/150733020)[![Total Downloads](https://camo.githubusercontent.com/25abcc7356b76bc35eb360a2b3ba80b596214022cde278e5a1010bf1a3008aae/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f7370617469652f6c61726176656c2d626c6164652d782e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/spatie/laravel-blade-x) This package provides an easy way to render custom HTML components in your Blade views. Here's an example. Instead of this ``` My view @include('myAlert', ['type' => 'error', 'message' => $message]) ``` you can write this: ``` My view ``` You can place the content of that alert in a simple Blade view that needs to be [registered](https://docs.spatie.be/laravel-blade-x/v2/basic-usage/writing-your-first-component) before using the `my-alert` component. ``` {{-- resources/views/components/myAlert.blade.php --}} {{ $message }} ``` Installation ------------ [](#installation) You can install the package via Composer: ``` composer require spatie/laravel-blade-x ``` The package will automatically register itself. Documentation ------------- [](#documentation) You'll find the documentation on . Find yourself stuck using the package? Found a bug? Do you have general questions or suggestions for improving the media library? Feel free to [create an issue on GitHub](https://github.com/spatie/laravel-blade-x/issues), we'll try to address it as soon as possible. If you've found a bug regarding security please mail instead of using the issue tracker. Upgrading major versions ------------------------ [](#upgrading-major-versions) Please see [UPGRADING](UPGRADING.md) for more information on how to upgrade from one major version to the other. 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. Postcardware ------------ [](#postcardware) You're free to use this package, but if it makes it to your production environment we highly appreciate you sending us a postcard from your hometown, mentioning which of our package(s) you are using. Our address is: Spatie, Samberstraat 69D, 2060 Antwerp, Belgium. We publish all received postcards [on our company website](https://spatie.be/en/opensource/postcards). Credits ------- [](#credits) - [Brent Roose](https://github.com/brendt) - [Alex Vanderbist](https://github.com/alexvanderbist) - [Ruben Van Assche](https://github.com/rubenvanassche) - [Sebastian De Deyne](https://github.com/sebdedeyne) - [Freek Van der Herten](https://github.com/freekmurze) - [All Contributors](../../contributors) Support us ---------- [](#support-us) Spatie is a webdesign agency based in Antwerp, Belgium. You'll find an overview of all our open source projects [on our website](https://spatie.be/opensource). Does your business depend on our contributions? Reach out and support us on [Patreon](https://www.patreon.com/spatie). All pledges will be dedicated to allocating workforce on maintenance and new awesome stuff. License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 46 — FairBetter than 93% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity52 Moderate usage in the ecosystem Community35 Small or concentrated contributor base Maturity68 Established project with proven stability Bus Factor1 Top contributor holds 65.4% 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 ~19 days Recently: every ~45 days Total 28 Last Release 2268d ago Major Versions 0.0.4 → 1.0.02018-10-01 1.2.3 → 2.0.02018-10-08 ### Community Maintainers ![](https://avatars.githubusercontent.com/u/7535935?v=4)[Spatie](/maintainers/spatie)[@spatie](https://github.com/spatie) --- Top Contributors [![freekmurze](https://avatars.githubusercontent.com/u/483853?v=4)](https://github.com/freekmurze "freekmurze (257 commits)")[![AlexVanderbist](https://avatars.githubusercontent.com/u/6287961?v=4)](https://github.com/AlexVanderbist "AlexVanderbist (67 commits)")[![sebastiandedeyne](https://avatars.githubusercontent.com/u/1561079?v=4)](https://github.com/sebastiandedeyne "sebastiandedeyne (21 commits)")[![telkins](https://avatars.githubusercontent.com/u/53731?v=4)](https://github.com/telkins "telkins (7 commits)")[![brendt](https://avatars.githubusercontent.com/u/6905297?v=4)](https://github.com/brendt "brendt (5 commits)")[![gjm](https://avatars.githubusercontent.com/u/77360?v=4)](https://github.com/gjm "gjm (5 commits)")[![Gummibeer](https://avatars.githubusercontent.com/u/6187884?v=4)](https://github.com/Gummibeer "Gummibeer (4 commits)")[![willemvb](https://avatars.githubusercontent.com/u/1336390?v=4)](https://github.com/willemvb "willemvb (3 commits)")[![rubenvanassche](https://avatars.githubusercontent.com/u/619804?v=4)](https://github.com/rubenvanassche "rubenvanassche (3 commits)")[![snellingio](https://avatars.githubusercontent.com/u/9887585?v=4)](https://github.com/snellingio "snellingio (3 commits)")[![dinhquochan](https://avatars.githubusercontent.com/u/9979458?v=4)](https://github.com/dinhquochan "dinhquochan (2 commits)")[![Lloople](https://avatars.githubusercontent.com/u/5665466?v=4)](https://github.com/Lloople "Lloople (2 commits)")[![stayallive](https://avatars.githubusercontent.com/u/1090754?v=4)](https://github.com/stayallive "stayallive (1 commits)")[![vdbelt](https://avatars.githubusercontent.com/u/11087503?v=4)](https://github.com/vdbelt "vdbelt (1 commits)")[![jmlallier](https://avatars.githubusercontent.com/u/15809946?v=4)](https://github.com/jmlallier "jmlallier (1 commits)")[![amaelftah](https://avatars.githubusercontent.com/u/17250137?v=4)](https://github.com/amaelftah "amaelftah (1 commits)")[![cashlion](https://avatars.githubusercontent.com/u/4511652?v=4)](https://github.com/cashlion "cashlion (1 commits)")[![connectkushal](https://avatars.githubusercontent.com/u/19621775?v=4)](https://github.com/connectkushal "connectkushal (1 commits)")[![driesvints](https://avatars.githubusercontent.com/u/594614?v=4)](https://github.com/driesvints "driesvints (1 commits)")[![emre-kaya](https://avatars.githubusercontent.com/u/25870217?v=4)](https://github.com/emre-kaya "emre-kaya (1 commits)") --- Tags bladecomponentslaravelphprenderingviewspatiecomponentshtmlbladelaravel-blade-x ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/spatie-laravel-blade-x/health.svg) ``` [![Health](https://phpackages.com/badges/spatie-laravel-blade-x/health.svg)](https://phpackages.com/packages/spatie-laravel-blade-x) ``` ### Alternatives [spatie/laravel-blade-comments Add debug comments to your rendered output 177325.5k](/packages/spatie-laravel-blade-comments)[area17/blast Storybook for Laravel Blade 308664.1k](/packages/area17-blast)[fitztrev/laravel-html-minify Minifies the HTML output of Laravel 4 applications 414211.4k](/packages/fitztrev-laravel-html-minify)[yocmen/html-minify Minifies the HTML output of Laravel 5 applications (Originally from https://github.com/fitztrev/laravel-html-minify) 1713.7k](/packages/yocmen-html-minify) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)