PHPackages lianmaymesi/wireblade - 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. [Admin Panels](/categories/admin) 4. / 5. lianmaymesi/wireblade ActiveLibrary[Admin Panels](/categories/admin) lianmaymesi/wireblade ===================== A simple Admin UI for laravel starter using TailwindCSS v2.3.1(1y ago)4932[8 PRs](https://github.com/lianmaymesi/wireblade/pulls)MITJavaScriptPHP ^8.1CI passing Since Feb 25Pushed 2mo ago2 watchersCompare [ Source](https://github.com/lianmaymesi/wireblade)[ Packagist](https://packagist.org/packages/lianmaymesi/wireblade)[ Docs](https://github.com/lianmaymesi/wireblade)[ GitHub Sponsors](https://github.com/lianmaymesi)[ RSS](/packages/lianmaymesi-wireblade/feed)WikiDiscussions 2.x Synced 1mo ago READMEChangelog (10)Dependencies (10)Versions (70)Used By (0) A simple Plain Admin UI for laravel using Tailwind CSS & Alpinejs ===================================================================== [](#a-simple-plain-admin-ui-for-laravel-using-tailwind-css--alpinejs) [![Latest Version on Packagist](https://camo.githubusercontent.com/0e1b8b3408a6c0318dea0ec21358a5d9140835dbcd0aa071d4d54ddf9f81b96f/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6c69616e6d61796d6573692f77697265626c6164652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/lianmaymesi/wireblade)[![GitHub Tests Action Status](https://camo.githubusercontent.com/9e593f7886f4a3fff333131fbb91bbf7ec3506fc4e198188aa975959a313af88/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f776f726b666c6f772f7374617475732f6c69616e6d61796d6573692f77697265626c6164652f72756e2d74657374733f6c6162656c3d7465737473)](https://github.com/lianmaymesi/wireblade/actions?query=workflow%3Arun-tests+branch%3Amain)[![GitHub Code Style Action Status](https://camo.githubusercontent.com/46bdedcf53e4c58f63283315a70582cca3c8345fa6d15f9e5cf3df74120f1936/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f776f726b666c6f772f7374617475732f6c69616e6d61796d6573692f77697265626c6164652f436865636b253230262532306669782532307374796c696e673f6c6162656c3d636f64652532307374796c65)](https://github.com/lianmaymesi/wireblade/actions?query=workflow%3A%22Check+%26+fix+styling%22+branch%3Amain)[![Total Downloads](https://camo.githubusercontent.com/32fe9c360396288fc05f7e6cfde1de50b4a65977b5874d74a8bc35d3824d33d3/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6c69616e6d61796d6573692f77697265626c6164652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/lianmaymesi/wireblade) [![WireBlade](https://github.com/lianmaymesi/wireblade/raw/main/public/assets/images/v000001.jpg?raw=true)](https://github.com/lianmaymesi/wireblade/blob/main/public/assets/images/v000001.jpg?raw=true) WireBlade is a collection of components like forms, icons, layouts which are built by using Tailwind CSS and AlpineJS. The main purpose of this package is using for my projects. If you like this package, give it a try and send your feedback. Please be kind to me, I don't have much experiences, I am just trying myself by watching & learning tutorials. Thanks to all. Installation ------------ [](#installation) You can install the package via composer: ``` composer require lianmaymesi/wireblade ``` ``` php artisan vendor:publish --tag="wireblade-assets" php artisan vendor:publish --tag="wireblade-external-assets" ``` Optionaly, you can publish the layouts for customizing: ``` php artisan vendor:publish --tag="wireblade-views" ``` Mandatory if you use trix editor, it helps to configure the storage disk: ``` php artisan vendor:publish --tag="wireblade-config" ``` Optionaly, you can publish the components views & classes: ``` php artisan vendor:publish --tag="wireblade-components" ``` Usage ----- [](#usage) If you're not publishing views or components & its classes, please follow the usage. WireBlade Layouts - App Layout ------------------------------ [](#wireblade-layouts---app-layout) You can extend the `app layout` by creating `resources\views\layouts\app.blade.php` and copy the below code and update the content. ``` Title // Notification is optional if your notification has an empty content, it will hide automatically. LiAn Dhas added new Product 3 hrs ago | Mark as read {{ $slot }} ``` WireBlade Layouts - Auth Layout ------------------------------- [](#wireblade-layouts---auth-layout) You can extend the `auth layout` by creating `resources\views\layouts\app.blade.php` and copy the below code and update the content ``` Show your Login / Register / Forgot Password Page Content ``` Directives for styles & scripts ----------------------------------- [](#directives-for-styles--scripts) Add these two styles inside your `` ``` {{ Vite::useHotFile('vendor/wireblade/wireblade.hot')->useBuildDirectory('vendor/wireblade')->withEntryPoints(['resources/assets/css/app.css', 'resources/assets/js/app.js']) }} ``` Adding Dark Mode ---------------- [](#adding-dark-mode) You have to install [Tailwind CSS](https://tailwindcss.com) and enable `darkMode: 'class'` And add the below `alpinejs` script inside tag ``` x-data="{ darkMode: false }" x-init=" darkMode = JSON.parse(localStorage.getItem('darkMode')); $watch('darkMode', value => localStorage.setItem('darkMode', JSON.stringify(value)))" :class="{ 'dark': darkMode == true }" ``` For Sidebar ----------- [](#for-sidebar) Add the below code inside your `` tag ``` x-data="sidebar" @resize.window="handleResize" ``` Flash Notification ------------------ [](#flash-notification) Add this component on your `app` layout ``` ``` For triggering this notification in livewire ``` public function store() { ... ... $this->dispacthBrowserEvent('notify', 'Ah! It\'s Working'); } ``` Table ----- [](#table) You can use table component. ``` Name John Doe ``` Modal ----- [](#modal) You can use modal component which is same as available in Jetstream Laravel. ``` // Title goes here // Content goes here // Footer goes here ``` Form Fields ----------- [](#form-fields) You can use forms, currently limited for testing purposes. ``` Lorem ipsum dolor sit amet consectetur adipisicing elit. Non libero praesentium voluptate debitis dolorum quas suscipit eos deleniti odit architecto dolor facilis itaque temporibus, quaerat quod provident. Quam, necessitatibus porro. 1 1 1 1 ``` Trix Editor ----------- [](#trix-editor) If you are using trix editor you should add `@trixCss` & `@trixJs` directives in below the livewire directives on your home page. And also if you want to add image upload through trix editor, `use WithFileAttachment` trait. ``` \\ Page.php use HasFileAttachment; public $description = ''; \\ page.blade.php ``` Links ----- [](#links) ### Anchor Link [](#anchor-link) ``` Edit ``` ### Button Link [](#button-link) ``` Add ``` Tags Input ---------- [](#tags-input) It Requires Livewire and you have to add the property in Livewire as `public $meta_key = []` ``` ``` 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 Vulnerabilities ------------------------ [](#security-vulnerabilities) Please review [our security policy](../../security/policy) on how to report security vulnerabilities. Credits ------- [](#credits) - [LiAn DhAs](https://github.com/lianmaymesi) - [All Contributors](../../contributors) License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 45 — FairBetter than 92% of packages Maintenance65 Regular maintenance activity Popularity19 Limited adoption so far Community11 Small or concentrated contributor base Maturity72 Established project with proven stability Bus Factor1 Top contributor holds 57.5% 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 ~25 days Recently: every ~126 days Total 59 Last Release 46d ago Major Versions v1.15.5 → v2.0.52023-04-18 v1.16.0 → v2.1.12023-04-18 v1.16.1 → v2.22024-11-05 1.x-dev → v2.32024-11-06 v2.3.1 → 3.x-dev2025-03-12 PHP version history (3 changes)v0.0.1PHP ^8.0 v1.0.0PHP ^8.0.2 v2.0.3PHP ^8.1 ### Community Maintainers ![](https://www.gravatar.com/avatar/584db91c2a3c82edc4b1a0a98e62dbd52191af28df7427e4b39a71523edf1b02?d=identicon)[lianmay.mesi](/maintainers/lianmay.mesi) --- Top Contributors [![lianmaymesi](https://avatars.githubusercontent.com/u/42940836?v=4)](https://github.com/lianmaymesi "lianmaymesi (100 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (41 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (33 commits)") --- Tags admin-dashboardalpinejscomponentslaravellivewiretailwindtailwindcsslaravelwirebladelianmaymesi ### Code Quality TestsPest ### Embed Badge ![Health badge](/badges/lianmaymesi-wireblade/health.svg) ``` [![Health](https://phpackages.com/badges/lianmaymesi-wireblade/health.svg)](https://phpackages.com/packages/lianmaymesi-wireblade) ``` ### Alternatives [vormkracht10/laravel-mails Laravel Mails can collect everything you might want to track about the mails that has been sent by your Laravel app. 24149.7k](/packages/vormkracht10-laravel-mails)[spatie/laravel-livewire-wizard Build wizards using Livewire 4061.0M4](/packages/spatie-laravel-livewire-wizard)[filament/support Core helper methods and foundation code for all Filament packages. 2323.9M151](/packages/filament-support)[guava/filament-knowledge-base A filament plugin that adds a knowledge base and help to your filament panel(s). 206120.5k1](/packages/guava-filament-knowledge-base)[ralphjsmit/laravel-filament-seo A package to combine the power of Laravel SEO and Filament Admin. 15398.7k10](/packages/ralphjsmit-laravel-filament-seo)[ralphjsmit/livewire-urls Get the previous and current url in Livewire. 82270.3k4](/packages/ralphjsmit-livewire-urls) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)