PHPackages                             hungnm28/livewire-form - 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. hungnm28/livewire-form

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

hungnm28/livewire-form
======================

Reusable Blade UI components for Laravel and Livewire applications.

2.1.6(2w ago)019MITBladePHP ^8.1|^8.2|^8.3|^8.4|^8.5

Since May 26Pushed 1mo agoCompare

[ Source](https://github.com/hungnm28/livewire-form)[ Packagist](https://packagist.org/packages/hungnm28/livewire-form)[ RSS](/packages/hungnm28-livewire-form/feed)WikiDiscussions main Synced today

READMEChangelog (3)Dependencies (7)Versions (12)Used By (0)

Livewire Form
=============

[](#livewire-form)

Reusable Blade UI components for Laravel and Livewire applications.

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

[](#requirements)

- PHP 8.1+
- Laravel 10, 11, or 12
- Tailwind CSS in the host application
- Livewire when using the package layout or Livewire-bound form controls
- Alpine.js for modal, aside, fullscreen, and theme interactions
- Tabler Icons Webfont for icon components

Livewire 3 already ships Alpine for the common setup. If your app does not use Livewire, install and boot Alpine yourself.

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

[](#installation)

```
composer require hungnm28/livewire-form
```

Laravel auto-discovers the service provider. The package registers anonymous Blade components under the `lf` prefix:

```

Save
...
```

Publishing
----------

[](#publishing)

```
php artisan vendor:publish --tag=livewire-form-config
php artisan vendor:publish --tag=livewire-form-views
php artisan vendor:publish --tag=livewire-form-assets
```

The assets publish to `resources/js/vendor/livewire-form`.

Tailwind
--------

[](#tailwind)

Add the package views to your Tailwind content paths so the component classes are generated:

```
// tailwind.config.js
export default {
  content: [
    './resources/**/*.blade.php',
    './resources/**/*.js',
    './vendor/hungnm28/livewire-form/resources/views/**/*.blade.php',
  ],
};
```

The components use `primary-*` color utilities. Define them in your application theme, or map `primary` to one of your existing palettes.

JavaScript
----------

[](#javascript)

If you publish package assets, import them from your app entrypoint:

```
// resources/js/app.js
import './vendor/livewire-form/app';
```

If you prefer to import directly from `vendor`, use:

```
import '../../vendor/hungnm28/livewire-form/resources/js/app';
```

The JavaScript powers:

- aside open/close via `data-action="toggleAside"` and `data-action="closeAside"`
- light/dark/system theme cycling via `data-action="cycleTheme"`
- fullscreen toggling via `data-action="toggleFullscreen"`
- the Alpine `themeSetting` store used by ``

Components
----------

[](#components)

Form:

```

```

Livewire binding:

```

```

Buttons:

```
Primary
Success
Delete
Users
```

Table:

```

        New user

            Name
            Email
            Status
            Actions

            Nguyen Manh Hung
            hung@example.com
            Active

                Edit

```

Modal:

```

    ...

```

Open or close a modal without Livewire:

```
window.dispatchEvent(new CustomEvent('open-modal', { detail: 'modal-id' }));
window.dispatchEvent(new CustomEvent('close-modal', { detail: 'modal-id' }));
```

Layout:

```

        ...

```

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

[](#configuration)

```
return [
    'theme' => 'orange',
    'assets' => [
        'use_cdn_icons' => true,
    ],
];
```

Set `assets.use_cdn_icons` to `false` when your app bundles `@tabler/icons-webfont` itself.

Backwards Compatibility
-----------------------

[](#backwards-compatibility)

The old typo components still exist:

- ``
- ``

Prefer the corrected aliases:

- ``
- ``

Testing
-------

[](#testing)

```
composer install
composer test
```

###  Health Score

44

—

FairBetter than 90% of packages

Maintenance94

Actively maintained with recent releases

Popularity9

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity57

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

Recently: every ~1 days

Total

11

Last Release

16d ago

Major Versions

v1.0.0 → 2.0.02026-05-26

PHP version history (2 changes)2.0.0PHP ^8.1

2.0.1PHP ^8.1|^8.2|^8.3|^8.4|^8.5

### Community

Maintainers

![](https://www.gravatar.com/avatar/3f71d7686a2a97e4321db99fd342731998bdbc4718dee6e55801c8699ac73eeb?d=identicon)[hungnm28](/maintainers/hungnm28)

---

Top Contributors

[![hungnm28](https://avatars.githubusercontent.com/u/3156510?v=4)](https://github.com/hungnm28 "hungnm28 (2 commits)")

---

Tags

laraveluibladelivewiretailwindform

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/hungnm28-livewire-form/health.svg)

```
[![Health](https://phpackages.com/badges/hungnm28-livewire-form/health.svg)](https://phpackages.com/packages/hungnm28-livewire-form)
```

###  Alternatives

[robsontenorio/mary

Gorgeous UI components for Livewire powered by daisyUI and Tailwind

1.5k570.6k22](/packages/robsontenorio-mary)[livewire/flux

The official UI component library for Livewire.

9527.8M128](/packages/livewire-flux)[tallstackui/tallstackui

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

725173.2k14](/packages/tallstackui-tallstackui)[mati365/ckeditor5-livewire

CKEditor 5 integration for Laravel Livewire

447.9k](/packages/mati365-ckeditor5-livewire)[wendelladriel/slidewire

Create beautiful presentations powered by Livewire

1342.9k](/packages/wendelladriel-slidewire)[hasinhayder/tyro-login

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

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

PHPackages © 2026

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