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(7mo ago)034MITBladePHP ^8.2|^8.3

Since Oct 8Pushed 7mo 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 1mo ago

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

34

—

LowBetter than 77% of packages

Maintenance65

Regular maintenance activity

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

214d 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

[a909m/filament-statefusion

Filament StateFusion is a powerful FilamentPHP plugin that seamlessly integrates Spatie Laravel Model States into the Filament admin panel. This package provides an intuitive way to manage model states, transitions, and filtering within Filament, enhancing the user experience and developer productivity.

3010.8k1](/packages/a909m-filament-statefusion)[inerba/filament-db-config

A Filament plugin for database-backed application settings and editable content, with caching and easy page generation.

329.1k](/packages/inerba-filament-db-config)[caresome/filament-neobrutalism-theme

A neobrutalism theme for FilamentPHP admin panels

303.2k](/packages/caresome-filament-neobrutalism-theme)[watheqalshowaiter/filament-sticky-table-header

A Filament plugin that makes table headers stick when scrolling down for better UX.

3020.4k](/packages/watheqalshowaiter-filament-sticky-table-header)[mradder/filament-logger

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

141.1k](/packages/mradder-filament-logger)[openplain/filament-tree-view

Tree view for Filament resources - drop-in replacement for Table with drag-and-drop hierarchical data management

318.5k](/packages/openplain-filament-tree-view)

PHPackages © 2026

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