PHPackages                             pushery/wirekit - 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. pushery/wirekit

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

pushery/wirekit
===============

A free, open-source UI component library for Laravel Livewire — styled with Tailwind CSS v4 and powered by Alpine.js.

v2.3.1(1mo ago)345MITBladePHP ^8.4

Since Mar 31Pushed 1w agoCompare

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

READMEChangelog (10)Dependencies (27)Versions (26)Used By (0)

 [![WireKit](resources/branding/wirekit-logo-light.png)](resources/branding/wirekit-logo-light.png)

WireKit
=======

[](#wirekit)

[![Latest Version on Packagist](https://camo.githubusercontent.com/65c09eebdc3d26ea7554db19335eba2ff378f384edab978e83e214babff3cdc2/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f707573686572792f776972656b69742e737667)](https://packagist.org/packages/pushery/wirekit)[![License: MIT](https://camo.githubusercontent.com/08cef40a9105b6526ca22088bc514fbfdbc9aac1ddbf8d4e6c750e3a88a44dca/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d626c75652e737667)](LICENSE)[![Components](https://camo.githubusercontent.com/64ab5ddf1727754fde90cabfbc3963b95824396ed3926699c8f9f31c804316e6/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f636f6d706f6e656e74732d62726f7773652d353034366535)](https://docs.wirekit.app)

[![PHP ≥ 8.4](https://camo.githubusercontent.com/169202a4b15512aeabd74eff4b48892981c9eed48918497488699f95e0e3f012/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f646570656e64656e63792d762f707573686572792f776972656b69742f7068703f6c6f676f3d706870266c6f676f436f6c6f723d776869746526636f6c6f723d373737424234266c6162656c3d504850)](https://www.php.net)[![Laravel 12+](https://camo.githubusercontent.com/c2798205c742ebfc1f9fcc39eef9761f9eee6dd787e2703672afdbc17ca7d02d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c61726176656c2d31322b2d4646324432303f6c6f676f3d6c61726176656c266c6f676f436f6c6f723d7768697465)](https://laravel.com)[![Livewire 4+](https://camo.githubusercontent.com/6ba65b0048b5438448a0b86e490edfea67f4915b29062b73e82226ea0c683336/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c697665776972652d342b2d4642373041393f6c6f676f3d6c69766577697265266c6f676f436f6c6f723d7768697465)](https://livewire.laravel.com)[![Tailwind CSS v4](https://camo.githubusercontent.com/96fc7677640ce1856f9e292074cde7936d58b3fb037746a38ff7eb6cde30dfb6/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5461696c77696e642d76342d3036423644343f6c6f676f3d7461696c77696e64637373266c6f676f436f6c6f723d7768697465)](https://tailwindcss.com)[![Alpine.js](https://camo.githubusercontent.com/b166c093382784e54ac0dcaac46c28b96aee519f4c76997f753ab44e0278271f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f416c70696e652e6a732d2545322539432539332d3842433044303f6c6f676f3d616c70696e65646f746a73266c6f676f436f6c6f723d7768697465)](https://alpinejs.dev)

A free, open-source UI component library for **Laravel Livewire** — build app dashboards and marketing pages with **Tailwind CSS v4** and **Alpine.js**, zero utility-class soup.

A comprehensive component library covering forms, navigation, overlays, layout, marketing, data display, and more — fully themeable, accessible by default, and dark-mode aware.

→ **Full documentation: [docs.wirekit.app](https://docs.wirekit.app)**

Requirements
------------

[](#requirements)

- PHP 8.4+
- Laravel 12+
- Livewire 4+
- Tailwind CSS v4
- Alpine.js

Browser Support
---------------

[](#browser-support)

WireKit's supported-browser baseline is **pinned to [Tailwind CSS v4's official requirements](https://tailwindcss.com/docs/compatibility)** — whenever Tailwind raises its baseline, WireKit follows in the same release.

BrowserMinimum versionReleased**Chrome**111March 2023**Edge**111March 2023 (Chromium-based)**Safari**16.4March 2023**Firefox**128July 2024Older browsers are out of scope: WireKit ships no polyfills, no vendor-prefix fallbacks, and no shims for dropped browsers.

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

[](#installation)

```
composer require pushery/wirekit
```

Add the directives to your layout:

```

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

    {{ $slot }}
    @wirekitScripts

```

Add WireKit's Blade source path to your `resources/css/app.css`:

```
@import 'tailwindcss';
@source '../../vendor/pushery/wirekit/resources/views/**/*.blade.php';
```

Full setup walkthrough: **[Getting Started](https://docs.wirekit.app/getting-started)** · **[Integration Guide](https://docs.wirekit.app/getting-started/integration)**

Quick Start
-----------

[](#quick-start)

```
Save
Delete

```

What's Included
---------------

[](#whats-included)

A wide catalog of components organized by category. Browse, search, and try every component live on **[docs.wirekit.app](https://docs.wirekit.app)**.

CategoryExamples**Forms**button, input, select, textarea, editor, combobox, multi-select, date-picker, slider, color-picker, otp-input, filter-builder, …**Display**badge, card, avatar, alert, callout, image-compare, kanban, stage-card, activity-row, reveal, …**Data Display**table, data-table, status-matrix, notification-center, pagination, stat, stats, progress, usage-meter, skeleton, spinner, timeline, tree-view, ticker, price, …**Overlays**dropdown, tooltip, modal, drawer, popover, hover-card, command-palette, alert-dialog, …**Navigation**tabs, breadcrumb, accordion, collapsible, sidebar, navbar, brand-bar, menubar, navigation-menu, stepper, …**Layout**app-shell, header, main, footer, container, stack, grid, section, divider, sticky-panel, skip-link, spine-aware, …**Typography**heading, text, link, code, code-block, kbd, list, blockquote, mark, …**Marketing**hero, feature-grid, feature, cta**Utilities**fonts, icon, chart, chart-mixed, map, sparkline, scroll-area, scroll-to-top, structured-data**Specialized**resizable, carousel, calendar, event-calendar, tour, qr-code, action-bar, prose, glass**Reading**reading-progress, reading-spine, reading-toc, reading-minimap, reading-bookmark, reading-meta, reading-shell**Animation**reveal, replay-button**Feedback**toast-regionTheming & Customization
---------------------------

[](#theming--customization)

WireKit ships with a **4-level customization system** — from CSS-variable theme tokens to fully published Blade views. Every component reads from `--color-wk-*` design tokens with built-in dark-mode support.

```
@layer base {
    :root {
        --color-wk-accent: var(--color-blue-600);
    }
}
```

→ **[Theming Guide](https://docs.wirekit.app/theming)** · **[Customization Guide](https://docs.wirekit.app/customization)**

Optional Integrations
---------------------

[](#optional-integrations)

- **Fonts** — Curated Google Fonts bundled locally for GDPR compliance. Configure via `config/wirekit.php`.
- **Icons** — Stackable presets for `heroicons`, `lucide`, `phosphor`, `tabler` plus app/marketing extensions, with semantic aliases for common UI intents.
- **Charts** — Optional chart system with a Chart.js (MIT) adapter and an ApexCharts adapter. Switch the app default with one line: `'charts' => ['library' => 'apexcharts']` in `config/wirekit.php`, or override per-instance via `` for mixed-library pages. ApexCharts is **non-MIT** (free Community License under $2M USD revenue, Commercial License above) — WireKit ships only the adapter glue. See [Chart docs](https://docs.wirekit.app/components/chart) for the full terms.

→ **[Theming Guide](https://docs.wirekit.app/theming)** for fonts and presets · **[Icon docs](https://docs.wirekit.app/components/icon)** · **[Chart docs](https://docs.wirekit.app/components/chart)**

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

[](#documentation)

ResourceWhereFull documentation[docs.wirekit.app](https://docs.wirekit.app)Getting started[docs.wirekit.app/getting-started](https://docs.wirekit.app/getting-started)Theming[docs.wirekit.app/theming](https://docs.wirekit.app/theming)CLI reference[docs.wirekit.app/cli](https://docs.wirekit.app/cli)Contribution guide[CONTRIBUTING.md](CONTRIBUTING.md)Release history[CHANGELOG.md](CHANGELOG.md)License
-------

[](#license)

MIT — see [LICENSE](LICENSE) for details.

###  Health Score

48

—

FairBetter than 94% of packages

Maintenance96

Actively maintained with recent releases

Popularity15

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity61

Established project with proven stability

 Bus Factor1

Top contributor holds 100% 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 ~2 days

Total

25

Last Release

34d ago

Major Versions

v0.0.1-alpha → v1.0.02026-04-16

v1.6.3 → v2.0.02026-05-18

### Community

Maintainers

![](https://www.gravatar.com/avatar/b684549435f88b531446bf3d993ab1ec3c5a4f3a8b6409a6f60f9836a964fc0f?d=identicon)[pushery](/maintainers/pushery)

---

Top Contributors

[![pushery](https://avatars.githubusercontent.com/u/272318911?v=4)](https://github.com/pushery "pushery (29 commits)")

---

Tags

bladeblade-componentscomponentslaravellaravel-frameworklaravel-livewirelaravel-packagelivewirelivewire-componentslivewire4open-sourcephpphp8tailwindtailwind-csstailwindcsstailwindcss-v4tall-stackuiui-componentslaravelcomponentsbladelivewiretailwindcssalpinejstall-stackui-kitwirekit

###  Code Quality

TestsPest

Code StyleLaravel Pint

### Embed Badge

![Health badge](/badges/pushery-wirekit/health.svg)

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

###  Alternatives

[tallstackui/tallstackui

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

721160.4k12](/packages/tallstackui-tallstackui)[psalm/plugin-laravel

Psalm plugin for Laravel

3345.1M337](/packages/psalm-plugin-laravel)[moonshine/moonshine

Laravel administration panel

1.3k239.9k76](/packages/moonshine-moonshine)[roots/acorn

Framework for Roots WordPress projects built with Laravel components.

9772.3M122](/packages/roots-acorn)[wendelladriel/slidewire

Create beautiful presentations powered by Livewire

1342.9k](/packages/wendelladriel-slidewire)[robsontenorio/mary

Gorgeous UI components for Livewire powered by daisyUI and Tailwind

1.5k531.0k21](/packages/robsontenorio-mary)

PHPackages © 2026

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