PHPackages                             imfe/filament-glass - 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. [Admin Panels](/categories/admin)
4. /
5. imfe/filament-glass

ActiveLibrary[Admin Panels](/categories/admin)

imfe/filament-glass
===================

A beautiful glass-morphism inspired theme for Filament 4

v1.0.0(8mo ago)041MITBladePHP ^8.2|^8.3

Since Oct 8Pushed 8mo agoCompare

[ Source](https://github.com/efahiim/filament-glass)[ Packagist](https://packagist.org/packages/imfe/filament-glass)[ RSS](/packages/imfe-filament-glass/feed)WikiDiscussions main Synced today

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

Filament Glass
==============

[](#filament-glass)

A beautiful glass-morphism inspired theme for Filament 4 with enhanced sidebar styling and modern aesthetics.

[![Filament Version](https://camo.githubusercontent.com/a57d676474640cd4ec21b394cb3221fd57c5a52defd6406505de3de24edfd29a/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f46696c616d656e742d342e782d6f72616e6765)](https://camo.githubusercontent.com/a57d676474640cd4ec21b394cb3221fd57c5a52defd6406505de3de24edfd29a/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f46696c616d656e742d342e782d6f72616e6765)[![Tailwind Version](https://camo.githubusercontent.com/5eedf0334bd65a6869283d2268a24f66e19c48e8830672ca7cf64f95c3a9fec3/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5461696c77696e642d342e782d333862646638)](https://camo.githubusercontent.com/5eedf0334bd65a6869283d2268a24f66e19c48e8830672ca7cf64f95c3a9fec3/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5461696c77696e642d342e782d333862646638)[![PHP Version](https://camo.githubusercontent.com/2795c86d2dea6aba6285347c2adef64310db832ec1d2d634a32e3b51115a5c95/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d382e322532422d373737424234)](https://camo.githubusercontent.com/2795c86d2dea6aba6285347c2adef64310db832ec1d2d634a32e3b51115a5c95/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d382e322532422d373737424234)[![Laravel Version](https://camo.githubusercontent.com/096d33b304098579b8c6d63827fe33101879c0538513b2b279c1b2628d2f2f5e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c61726176656c2d31322e782d464632443230)](https://camo.githubusercontent.com/096d33b304098579b8c6d63827fe33101879c0538513b2b279c1b2628d2f2f5e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c61726176656c2d31322e782d464632443230)

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

[](#requirements)

- PHP 8.2 or higher
- Laravel 12 or higher
- Filament 4.x
- Tailwind CSS 4.x
- Node.js 18+ and npm

---

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

[](#installation)

### Step 1: Install the Package

[](#step-1-install-the-package)

```
composer require imfe/filament-glass
```

### Step 2: Publish Assets

[](#step-2-publish-assets)

Publish the theme views and CSS:

```
# Publish views (overrides default Filament layout components)
php artisan vendor:publish --tag="filament-glass-views"

# Publish CSS (for Tailwind compilation)
php artisan vendor:publish --tag="filament-glass-assets"
```

### Step 3: Configure Vite

[](#step-3-configure-vite)

Add the theme CSS to your vite.config.js:

```
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/js/app.js',
                'resources/css/filament/admin/theme.css', // Add this line
            ],
            refresh: true,
        }),
    ],
});
```

### Step 4: Configure Your Panel

[](#step-4-configure-your-panel)

In your Filament panel provider (e.g., app/Providers/Filament/AdminPanelProvider.php):

```
use Filament\Support\Colors\Color;
use IMFE\FilamentGlass\FilamentGlassPlugin;

public function panel(Panel $panel): Panel
{
    return $panel
        ->default()
        ->id('admin')
        ->path('admin')
        // Register the theme plugin
        ->plugin(FilamentGlassPlugin::make())

        // Set your favicon (adjusts path based on environment)
        ->favicon($this->app->environment('production') ? secure_asset('favicon.png') : asset('favicon.png'))

        // Set your brand logo (adjusts path based on environment)
        ->brandLogo($this->app->environment('production') ? secure_asset('images/logo.svg') : asset('images/logo.svg'))

        // Set logo height
        ->brandLogoHeight('2.5rem')

        // Set your application name
        ->brandName('App Name')

        // Set your primary theme color (customize this to match your brand)
        ->colors([
            'primary' => Color::hex('#A9871C'),
        ]);
}
```

### Step 5: Build Assets

[](#step-5-build-assets)

```
# Install dependencies (if not already installed)
npm install

# Build for production
npm run build

# OR run development server with hot reload
npm run dev
```

###  Health Score

33

—

LowBetter than 72% of packages

Maintenance58

Moderate activity, may be stable

Popularity9

Limited adoption so far

Community2

Small or concentrated contributor base

Maturity50

Maturing project, gaining track record

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

269d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/6b02b546c419a8fe3fa0da2c1b00c65cc498946a49562f2e98c96653e6a22b0d?d=identicon)[efahiim](/maintainers/efahiim)

---

Tags

laraveltailwindthemefilamentfilament-pluginadmin-paneltailwind-4filament-4glass-morphism

### Embed Badge

![Health badge](/badges/imfe-filament-glass/health.svg)

```
[![Health](https://phpackages.com/badges/imfe-filament-glass/health.svg)](https://phpackages.com/packages/imfe-filament-glass)
```

###  Alternatives

[rawilk/profile-filament-plugin

Profile & MFA starter kit for filament.

3914.6k](/packages/rawilk-profile-filament-plugin)[croustibat/filament-jobs-monitor

Background Jobs monitoring like Horizon for all drivers for FilamentPHP

274327.0k8](/packages/croustibat-filament-jobs-monitor)[mradder/filament-logger

Audit logging, activity tracking, exports, alerts, and dashboards for Filament admin panels.

2317.4k](/packages/mradder-filament-logger)[stephenjude/filament-jetstream

A Laravel starter kit built with Filament inspired by Jetstream.

17760.2k3](/packages/stephenjude-filament-jetstream)[stephenjude/filament-two-factor-authentication

Filament Two Factor Authentication: Google 2FA + Passkey Authentication

84215.9k9](/packages/stephenjude-filament-two-factor-authentication)[relaticle/custom-fields

User Defined Custom Fields for Laravel Filament

16354.2k](/packages/relaticle-custom-fields)

PHPackages © 2026

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