PHPackages                             elnasnato/laraliveui - 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. [Utility & Helpers](/categories/utility)
4. /
5. elnasnato/laraliveui

ActiveLibrary[Utility & Helpers](/categories/utility)

elnasnato/laraliveui
====================

LaraLiveUI - The official UI component library for Livewire applications.

v2.0.3(1mo ago)033↓87.5%1MITBladePHP ^8.1

Since Jun 6Pushed 1mo agoCompare

[ Source](https://github.com/elnasnato/laraliveui)[ Packagist](https://packagist.org/packages/elnasnato/laraliveui)[ GitHub Sponsors](https://github.com/sponsors/elnasnato)[ Fund](https://paypal.me/CrunchyNatto)[ RSS](/packages/elnasnato-laraliveui/feed)WikiDiscussions main Synced 1w ago

READMEChangelog (4)Dependencies (12)Versions (7)Used By (1)

LaraLiveUI
==========

[](#laraliveui)

A comprehensive UI component library for Livewire applications, built with Tailwind CSS.

> **Note:** This is a community-driven open-source project. LaraLiveUI provides both free and open-source components for your Livewire applications.
>
> 📚 [View Documentation](https://elnasnato.github.io/laraliveui-docs/)

Prerequisites
-------------

[](#prerequisites)

- Laravel v10.0+
- Livewire v3.5.19+
- Tailwind CSS v4.0+

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

[](#installation)

```
composer require elnasnato/laraliveui
```

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

[](#quick-start)

### 1. Include Assets

[](#1-include-assets)

Add the `@laraliveuiAppearance` and `@laraliveuiScripts` Blade directives to your layout:

```

    ...
    @laraliveuiAppearance

    ...
    @livewireScripts
    @laraliveuiScripts

```

### 2. Set up Tailwind CSS

[](#2-set-up-tailwind-css)

Add to your `resources/css/app.css`:

```
@import 'tailwindcss';
@import '../../vendor/elnasnato/laraliveui/dist/laraliveui.css';

@custom-variant dark (&:where(.dark, .dark *));
```

### 3. Usage

[](#3-usage)

Use components with the `laraliveui:` prefix:

```
Click me

        Open Modal

        Modal Title
        Modal content goes here.

        Menu

        Profile
        Settings

        Logout

            John Doe
            john@example.com

```

Components
----------

[](#components)

### Free Components

[](#free-components)

- Accordion, Autocomplete, Avatar, Badge, Brand, Breadcrumbs, Button
- Callout, Card, Checkbox, Color Picker, Combobox, Command, Context
- Date Picker, Dropdown, Editor, Field, File Upload, Heading, Icon
- Input, Kanban, Layout (Header, Sidebar, Main, Footer), Modal
- Navbar, Navlist, OTP Input, Pagination, Pillbox, Popover
- Progress, Radio, Select, Separator, Skeleton, Slider, Switch
- Table, Tabs, Text, Textarea, Time Picker, Timeline, Toast, Tooltip

### Using Components

[](#using-components)

All components use the `laraliveui:` prefix with dot notation for sub-components:

```

    New Item

    https://

```

Icons
-----

[](#icons)

LaraLiveUI includes over 300 Heroicons-based SVG icon components:

```

```

Customization
-------------

[](#customization)

To customize specific LaraLiveUI components, publish their Blade files:

```
php artisan laraliveui:publish
```

License
-------

[](#license)

LaraLiveUI is open-source software licensed under the MIT license.

###  Health Score

42

—

FairBetter than 88% of packages

Maintenance93

Actively maintained with recent releases

Popularity10

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity47

Maturing project, gaining track record

 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 ~3 days

Total

6

Last Release

33d ago

Major Versions

v1.0.4 → v2.0.02026-06-16

### Community

Maintainers

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

---

Top Contributors

[![elnasnato](https://avatars.githubusercontent.com/u/106455553?v=4)](https://github.com/elnasnato "elnasnato (20 commits)")

---

Tags

laraveluicomponentslivewirelaraliveuilaralive

### Embed Badge

![Health badge](/badges/elnasnato-laraliveui/health.svg)

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

###  Alternatives

[livewire/flux

The official UI component library for Livewire.

9577.8M138](/packages/livewire-flux)[psalm/plugin-laravel

Psalm plugin for Laravel

3345.3M347](/packages/psalm-plugin-laravel)[laravel/pulse

Laravel Pulse is a real-time application performance monitoring tool and dashboard for your Laravel application.

1.7k15.1M136](/packages/laravel-pulse)[tallstackui/tallstackui

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

728176.2k14](/packages/tallstackui-tallstackui)[laravel/cashier

Laravel Cashier provides an expressive, fluent interface to Stripe's subscription billing services.

2.5k30.2M151](/packages/laravel-cashier)[laravel/ai

The official AI SDK for Laravel.

1.0k3.2M246](/packages/laravel-ai)

PHPackages © 2026

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