PHPackages                             darken10/wirestack - 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 &amp; Views](/categories/templating)
4. /
5. darken10/wirestack

ActiveLibrary[Templating &amp; Views](/categories/templating)

darken10/wirestack
==================

Complete Design System for Laravel &amp; Livewire 4 — 70+ Blade components, 5 Livewire components, Tailwind CSS v4, Alpine.js, dark mode, and fully customizable design tokens.

0.0.3(3mo ago)12MITPHPPHP ^8.2

Since Apr 1Pushed 2mo agoCompare

[ Source](https://github.com/Darken10/wirestack)[ Packagist](https://packagist.org/packages/darken10/wirestack)[ Docs](https://github.com/darken10/wirestack)[ RSS](/packages/darken10-wirestack/feed)WikiDiscussions main Synced 4w ago

READMEChangelog (5)Dependencies (14)Versions (5)Used By (0)

 [![Wirestack UI](logo.svg)](logo.svg)

Wirestack UI
============

[](#wirestack-ui)

 Système de design complet pour **Laravel &amp; Livewire 4**
 70+ composants Blade · 5 composants Livewire · Tailwind CSS v4 · Mode sombre natif

 [ ![Version Packagist](https://camo.githubusercontent.com/87c8ebed0f8348f9f551ae72e5dedc29854b2c7310e875327e780c9091bef3a5/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6461726b656e31302f77697265737461636b2e7376673f7374796c653d666c61742d737175617265) ](https://packagist.org/packages/darken10/wirestack) [ ![PHP 8.2+](https://camo.githubusercontent.com/fca6a5abe8cb8ca5a09d7514f79421a5acfc883e66c5e71627c5051291b2c4ce/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d382e322532422d626c75653f7374796c653d666c61742d737175617265) ](https://www.php.net) [ ![Laravel](https://camo.githubusercontent.com/711f61e5f890ba5344035229b97f6cb339c736768c6f2c2748112c6bccbaefb3/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c61726176656c2d313125324225323025374325323031322d7265643f7374796c653d666c61742d737175617265) ](https://laravel.com) [ ![Livewire 4](https://camo.githubusercontent.com/31a420b120d6d41de4daba63de30fe2170ce0701e2396aff13871aa50b0f04dc/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c697665776972652d342e782d707572706c653f7374796c653d666c61742d737175617265) ](https://livewire.laravel.com) [ ![Licence MIT](https://camo.githubusercontent.com/ab72391f41eb479f7511d6b884bdc2d57a483705ee49057f49fcfb72aa6e29dd/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f6461726b656e31302f77697265737461636b2e7376673f7374796c653d666c61742d737175617265) ](LICENSE.md)

---

À propos
--------

[](#à-propos)

**Wirestack UI** est un système de design clé en main pour les applications Laravel &amp; Livewire. Il fournit une bibliothèque de composants cohérents, accessibles et entièrement personnalisables, propulsés par **Tailwind CSS v4** et **Alpine.js**.

- **70+ composants Blade** — boutons, formulaires, cartes, navigation, tableaux, modales…
- **5 composants Livewire** — Modal, Drawer, Toast, DataTable, CommandPalette
- **Design tokens** — personnalisation globale via variables CSS sans toucher aux composants
- **Mode sombre natif** — prise en charge complète light / dark / system
- **Auto-découverte** — aucune configuration manuelle du service provider

---

Installation
------------

[](#installation)

```
composer require darken10/wirestack
```

> Le service provider est auto-découvert par Laravel. Aucune déclaration manuelle n'est nécessaire.

Consultez le **[guide d'installation complet →](docs/installation.md)** pour configurer les assets CSS, les directives Blade et les composants Livewire globaux.

---

Démarrage rapide
----------------

[](#démarrage-rapide)

Ajoutez les directives dans votre layout principal :

```

    @wsStyles
    @vite(['resources/css/app.css', 'resources/js/app.js'])

    {{ $slot }}

    @wsScripts

```

Puis utilisez les composants dans vos vues :

```

    Créer un projet

    Vos modifications ont été enregistrées.

        Contenu de la carte...

```

---

Documentation
-------------

[](#documentation)

SujetLienInstallation[docs/installation.md](docs/installation.md)Configuration[docs/configuration.md](docs/configuration.md)Design Tokens[docs/design-tokens.md](docs/design-tokens.md)Directives Blade[docs/directives.md](docs/directives.md)API JavaScript[docs/javascript-api.md](docs/javascript-api.md)Théming &amp; Mode sombre[docs/theming.md](docs/theming.md)### Composants Blade

[](#composants-blade)

CatégorieDocumentationAtomes — Button, Badge, Avatar, Spinner…[docs/components/atoms.md](docs/components/atoms.md)Formulaires — Input, Select, Toggle…[docs/components/forms.md](docs/components/forms.md)Mise en page — Card, Container, Stack…[docs/components/layout.md](docs/components/layout.md)Navigation — Breadcrumb, Pagination, Nav…[docs/components/navigation.md](docs/components/navigation.md)Feedback — Alert, Progress, Skeleton…[docs/components/feedback.md](docs/components/feedback.md)Données — Table, Stat, Timeline, Code…[docs/components/data-display.md](docs/components/data-display.md)Interactifs — Dropdown, Tabs, Accordion…[docs/components/interactive.md](docs/components/interactive.md)### Composants Livewire

[](#composants-livewire)

ComposantDocumentationModal[docs/livewire/modal.md](docs/livewire/modal.md)Drawer[docs/livewire/drawer.md](docs/livewire/drawer.md)Toast[docs/livewire/toast.md](docs/livewire/toast.md)DataTable[docs/livewire/datatable.md](docs/livewire/datatable.md)CommandPalette[docs/livewire/command-palette.md](docs/livewire/command-palette.md)---

Prérequis
---------

[](#prérequis)

DépendanceVersion minimalePHP8.2+Laravel11.x ou 12.xLivewire4.xTailwind CSSv4Alpine.jsinclus avec Livewire 4---

Contribuer
----------

[](#contribuer)

Les contributions sont les bienvenues. Merci de consulter [CHANGELOG.md](CHANGELOG.md) pour l'historique des versions et d'ouvrir une issue avant de soumettre une pull request majeure.

---

Licence
-------

[](#licence)

Wirestack UI est un logiciel open-source distribué sous licence **MIT**. Voir [LICENSE.md](LICENSE.md).

###  Health Score

35

—

LowBetter than 77% of packages

Maintenance83

Actively maintained with recent releases

Popularity4

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity39

Early-stage or recently created project

 Bus Factor1

Top contributor holds 81.8% 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 ~0 days

Total

3

Last Release

91d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/134820063?v=4)[ZERBO Inoussa](/maintainers/Darken10)[@darken10](https://github.com/darken10)

---

Top Contributors

[![inoussa-africasys](https://avatars.githubusercontent.com/u/207416376?v=4)](https://github.com/inoussa-africasys "inoussa-africasys (9 commits)")[![Copilot](https://avatars.githubusercontent.com/in/1143301?v=4)](https://github.com/Copilot "Copilot (1 commits)")[![darken10](https://avatars.githubusercontent.com/u/134820063?v=4)](https://github.com/darken10 "darken10 (1 commits)")

---

Tags

laravelcomponentsbladelivewirealpinetailwindcssdesign-systemui-componentsdark-modewirestack

###  Code Quality

TestsPest

### Embed Badge

![Health badge](/badges/darken10-wirestack/health.svg)

```
[![Health](https://phpackages.com/badges/darken10-wirestack/health.svg)](https://phpackages.com/packages/darken10-wirestack)
```

###  Alternatives

[livewire/flux

The official UI component library for Livewire.

9527.8M125](/packages/livewire-flux)[robsontenorio/mary

Gorgeous UI components for Livewire powered by daisyUI and Tailwind

1.5k570.6k21](/packages/robsontenorio-mary)[tallstackui/tallstackui

TallStackUI is a powerful suite of Blade components that elevate your workflow of Livewire applications.

724160.4k14](/packages/tallstackui-tallstackui)[moonshine/moonshine

Laravel administration panel

1.3k253.1k78](/packages/moonshine-moonshine)[psalm/plugin-laravel

Psalm plugin for Laravel

3355.3M341](/packages/psalm-plugin-laravel)[roots/acorn

Framework for Roots WordPress projects built with Laravel components.

9762.4M125](/packages/roots-acorn)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
