PHPackages                             jeremykenedy/laravel-ui-kit - 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. jeremykenedy/laravel-ui-kit

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

jeremykenedy/laravel-ui-kit
===========================

A multi-framework UI component library for Laravel. Supports Tailwind CSS, Bootstrap 5, and Bootstrap 4 with Blade, Vue, React, and Svelte frontends.

v1.1.0(3mo ago)255↓90%1MITPHPPHP ^8.2|^8.3CI passing

Since Apr 1Pushed 3mo ago1 watchersCompare

[ Source](https://github.com/jeremykenedy/laravel-ui-kit)[ Packagist](https://packagist.org/packages/jeremykenedy/laravel-ui-kit)[ RSS](/packages/jeremykenedy-laravel-ui-kit/feed)WikiDiscussions main Synced 4w ago

READMEChangelog (2)Dependencies (12)Versions (5)Used By (1)

    ![Laravel UI Kit](art/banner-light.svg)

25+ adaptive UI components that render natively in Tailwind, Bootstrap 5,
and Bootstrap 4 with Blade, Livewire, Vue, React, and Svelte support.

 [![Total Downloads](https://camo.githubusercontent.com/8263732ebb8128835d9370246b459be6901778a43fbbdb002a438bbd85e2dc12/68747470733a2f2f706f7365722e707567782e6f72672f6a6572656d796b656e6564792f6c61726176656c2d75692d6b69742f642f746f74616c2e737667)](https://packagist.org/packages/jeremykenedy/laravel-ui-kit) [![Latest Stable Version](https://camo.githubusercontent.com/920a3ebf8038088fd21b62c382e0be0ca8ca5d10268dd74793d4825ac18dbddd/68747470733a2f2f706f7365722e707567782e6f72672f6a6572656d796b656e6564792f6c61726176656c2d75692d6b69742f762f737461626c652e737667)](https://packagist.org/packages/jeremykenedy/laravel-ui-kit) [![Tests](https://github.com/jeremykenedy/laravel-ui-kit/actions/workflows/tests.yml/badge.svg)](https://github.com/jeremykenedy/laravel-ui-kit/actions) [![StyleCI](https://camo.githubusercontent.com/92f93b5a6c4c0b1a0a752a8ff0f433e87374ede64f2aadb2ab16f0155596cb62/68747470733a2f2f6769746875622e7374796c6563692e696f2f7265706f732f313139383536343631352f736869656c643f6272616e63683d6d61696e)](https://github.styleci.io/repos/1198564615?branch=main) [![License: MIT](https://camo.githubusercontent.com/fdf2982b9f5d7489dcf44570e714e3a15fce6253e0cc6b5aa61a075aac2ff71b/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d79656c6c6f772e737667)](https://opensource.org/licenses/MIT)

Table of Contents
-----------------

[](#table-of-contents)

- [Framework Support](#framework-support)
- [Components](#components)
- [Installation](#installation)
- [Configuration](#configuration)
- [Usage](#usage)
- [Changing Frameworks](#changing-frameworks)
- [Artisan Commands](#artisan-commands)
- [Requirements](#requirements)
- [Testing](#testing)
- [License](#license)

Framework Support
-----------------

[](#framework-support)

Every component renders identically across all CSS and frontend combinations:

Blade + Alpine.jsLivewire 3Vue 3React 18Svelte 4**Tailwind v4**✅✅✅✅✅**Bootstrap 5**✅✅✅✅✅**Bootstrap 4**✅✅✅✅✅Components
----------

[](#components)

ComponentBladeLivewireVueReactSvelteAlert``````````Avatar````---Badge``````````Breadcrumbs``----Button``````````Card``````````Checkbox````---Confirm````---Data Table````---Dropdown````---Form Group````---Icon````---Input``````````Modal``````````Nav````---Pagination````---Password Input````---Search Input````---Select````---Stat Card````---Status Panel````---Tabs````---Textarea````---Theme Toggle````---Toggle``````````Installation
------------

[](#installation)

```
composer require jeremykenedy/laravel-ui-kit
php artisan ui-kit:install
```

Configuration
-------------

[](#configuration)

```
php artisan vendor:publish --tag=ui-kit-config
```

```
UI_KIT_CSS=tailwind          # tailwind, bootstrap5, bootstrap4
UI_KIT_FRONTEND=blade        # blade, livewire, vue, react, svelte
UI_KIT_ICONS=lucide           # lucide, fontawesome
UI_KIT_DARK_MODE=true
```

Usage
-----

[](#usage)

### Blade Components

[](#blade-components)

```

    Save
    Settings saved.

    Are you sure?

```

### Livewire Components

[](#livewire-components)

```

```

### Vue / React / Svelte

[](#vue--react--svelte)

```

import UiButton from '@/ui-kit/vue/UiButton.vue'
import UiCard from '@/ui-kit/vue/UiCard.vue'

        Save

```

Changing Frameworks
-------------------

[](#changing-frameworks)

After installation, use **update** or **switch** to change frameworks without losing configuration.

### Update (Interactive)

[](#update-interactive)

The update command walks through framework selection with an interactive menu:

```
php artisan ui-kit:update
```

Or pass options directly:

```
php artisan ui-kit:update --css=bootstrap5 --frontend=vue
```

OptionValuesDescription`--css``tailwind`, `bootstrap5`, `bootstrap4`Change CSS framework`--frontend``blade`, `livewire`, `vue`, `react`, `svelte`Change frontend framework### Switch (Quick)

[](#switch-quick)

```
php artisan ui-kit:switch --css=bootstrap5
php artisan ui-kit:switch --frontend=livewire
php artisan ui-kit:switch --css=tailwind --frontend=vue
```

To switch all packages globally:

```
php artisan ui:switch --css=bootstrap5 --frontend=vue
```

After switching, run `npm run build`.

Artisan Commands
----------------

[](#artisan-commands)

CommandDescription`ui-kit:install`Fresh install with interactive prompts. Detects existing installation.`ui-kit:update`Update framework selection interactively. Does not overwrite config.`ui-kit:switch`Quick framework switch via flags.`ui:switch`Switch CSS/frontend globally for all packages.### Install Options

[](#install-options)

FlagDescription`--css=`CSS framework: `tailwind`, `bootstrap5`, `bootstrap4``--frontend=`Frontend: `blade`, `livewire`, `vue`, `react`, `svelte``--force`Skip reinstall confirmation when already installedRequirements
------------

[](#requirements)

- PHP 8.2+
- Laravel 12 or 13
- One of: Tailwind v4, Bootstrap 5, Bootstrap 4
- One of: Alpine.js (Blade), Livewire 3, Vue 3, React 18, Svelte 4

Testing
-------

[](#testing)

```
./vendor/bin/pest --ci
```

License
-------

[](#license)

This package is open-sourced software licensed under the [MIT license](LICENSE).

###  Health Score

41

—

FairBetter than 87% of packages

Maintenance82

Actively maintained with recent releases

Popularity12

Limited adoption so far

Community11

Small or concentrated contributor base

Maturity52

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 88.9% 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

2

Last Release

90d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/05cef7d9ee65723b129042943511207fb34db74a56afbf67b5900987f758c161?d=identicon)[jeremykenedy](/maintainers/jeremykenedy)

---

Top Contributors

[![jeremykenedy](https://avatars.githubusercontent.com/u/6244570?v=4)](https://github.com/jeremykenedy "jeremykenedy (16 commits)")[![StyleCIBot](https://avatars.githubusercontent.com/u/11048387?v=4)](https://github.com/StyleCIBot "StyleCIBot (2 commits)")

---

Tags

laraveluicomponentsbladetailwindbootstrapreactvuesvelte

###  Code Quality

TestsPest

Code StyleLaravel Pint

### Embed Badge

![Health badge](/badges/jeremykenedy-laravel-ui-kit/health.svg)

```
[![Health](https://phpackages.com/badges/jeremykenedy-laravel-ui-kit/health.svg)](https://phpackages.com/packages/jeremykenedy-laravel-ui-kit)
```

###  Alternatives

[moonshine/moonshine

Laravel administration panel

1.3k253.1k76](/packages/moonshine-moonshine)[robsontenorio/mary

Gorgeous UI components for Livewire powered by daisyUI and Tailwind

1.5k570.6k21](/packages/robsontenorio-mary)[psalm/plugin-laravel

Psalm plugin for Laravel

3355.3M341](/packages/psalm-plugin-laravel)[livewire/flux

The official UI component library for Livewire.

9527.8M124](/packages/livewire-flux)[hasinhayder/tyro-dashboard

Tyro Dashboard - Beautiful admin dashboard for managing Tyro roles, privileges, users, and settings

5463.8k](/packages/hasinhayder-tyro-dashboard)[hasinhayder/tyro-login

Tyro Login - Beautiful, customizable authentication views for Laravel 12 & 13

2453.7k6](/packages/hasinhayder-tyro-login)

PHPackages © 2026

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