PHPackages                             ngankt2/filament-auth-ui - 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. [Authentication & Authorization](/categories/authentication)
4. /
5. ngankt2/filament-auth-ui

ActiveLibrary[Authentication & Authorization](/categories/authentication)

ngankt2/filament-auth-ui
========================

Simple split layout auth UI for Filament panels

v1.0.0(4mo ago)09MITBladePHP ^8.3

Since Dec 15Pushed 4mo agoCompare

[ Source](https://github.com/ngankt2/filament-auth-ui)[ Packagist](https://packagist.org/packages/ngankt2/filament-auth-ui)[ RSS](/packages/ngankt2-filament-auth-ui/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependencies (2)Versions (2)Used By (0)

Ngankt2 Auth UI
===============

[](#ngankt2-auth-ui)

A beautiful split-layout authentication UI plugin for Filament v4 panels with configurable form position and feature cards.

Screenshots
-----------

[](#screenshots)

### Form Left Layout

[](#form-left-layout)

[![Form Left Demo](left.png)](left.png)

### Form Right Layout

[](#form-right-layout)

[![Form Right Demo](right.png)](right.png)

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

[](#installation)

```
composer require ngankt2/filament-auth-ui
```

Usage
-----

[](#usage)

Add the plugin to your Panel Provider:

```
use Ngankt2\AuthUi\AuthUIPlugin;

public function panel(Panel $panel): Panel
{
    return $panel
        ->plugin(
            AuthUIPlugin::make()
                ->formPosition('left')  // or 'right'
                ->featureCards([
                    [
                        'icon' => 'heroicon-o-academic-cap',
                        'title' => 'Learn Anywhere',
                        'brief' => 'Access courses from any device'
                    ],
                    [
                        'icon' => 'heroicon-o-user-group',
                        'title' => 'Community',
                        'brief' => 'Connect with thousands of learners'
                    ],
                    [
                        'icon' => 'heroicon-o-chart-bar',
                        'title' => 'Track Progress',
                        'brief' => 'Personal dashboard for your journey'
                    ],
                ])
        );
}
```

Configuration Options
---------------------

[](#configuration-options)

### Form Position

[](#form-position)

```
->formPosition('left')   // Login form on left (default)
->formPosition('right')  // Login form on right
```

### Feature Cards

[](#feature-cards)

Display promotional cards alongside the login form:

```
->featureCards([
    [
        'icon' => 'heroicon-o-sparkles',  // Any Heroicon
        'title' => 'Card Title',
        'brief' => 'Short description'
    ],
    // ... more cards (recommended: 3-4)
])
```

If no cards are configured, skeleton placeholders are shown automatically.

### Background Image (Legacy)

[](#background-image-legacy)

```
->backgroundImage('/images/auth-bg.jpg')
```

### Form Styling

[](#form-styling)

```
->formWidth('400px')           // Form panel width
->formBackgroundColor('#fff')  // Form background color
```

### Social Logins

[](#social-logins)

```
->socialLogins([
    [
        'url' => '/auth/google',
        'label' => 'Đăng nhập bằng Google',
        'svg' => '...',
    ],
    [
        'url' => '/auth/facebook',
        'label' => 'Đăng nhập bằng Facebook',
        'icon' => 'heroicon-o-globe-alt',  // or use svg
        'color' => '#1877F2',  // optional button color
    ],
])
```

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

[](#requirements)

- PHP 8.3+
- Laravel 11+
- Filament 4.0+

License
-------

[](#license)

MIT

###  Health Score

35

—

LowBetter than 80% of packages

Maintenance74

Regular maintenance activity

Popularity4

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity49

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

Unknown

Total

1

Last Release

147d ago

### Community

Maintainers

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

---

Top Contributors

[![ngankt2](https://avatars.githubusercontent.com/u/4226319?v=4)](https://github.com/ngankt2 "ngankt2 (5 commits)")

---

Tags

laravelfilamentfilament-pluginauth uingankt2

### Embed Badge

![Health badge](/badges/ngankt2-filament-auth-ui/health.svg)

```
[![Health](https://phpackages.com/badges/ngankt2-filament-auth-ui/health.svg)](https://phpackages.com/packages/ngankt2-filament-auth-ui)
```

###  Alternatives

[bezhansalleh/filament-shield

Filament support for `spatie/laravel-permission`.

2.8k2.9M88](/packages/bezhansalleh-filament-shield)[croustibat/filament-jobs-monitor

Background Jobs monitoring like Horizon for all drivers for FilamentPHP

254255.2k6](/packages/croustibat-filament-jobs-monitor)[diogogpinto/filament-auth-ui-enhancer

This Filament plugin empowers you to transform your auth pages with ease, allowing you to make them truly stand out. It offers a flexible alternative to the default auth pages in the Filament Panels package.

13493.9k6](/packages/diogogpinto-filament-auth-ui-enhancer)[stephenjude/filament-two-factor-authentication

Filament Two Factor Authentication: Google 2FA + Passkey Authentication

81158.7k4](/packages/stephenjude-filament-two-factor-authentication)[marcelweidum/filament-passkeys

Use passkeys in your filamentphp app

5925.8k](/packages/marcelweidum-filament-passkeys)[caresome/filament-auth-designer

Transform Filament's default auth pages into stunning, brand-ready experiences

3916.8k2](/packages/caresome-filament-auth-designer)

PHPackages © 2026

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