skylence/filament5-glass-theme

A modern glassmorphism theme for FilamentPHP.

v1.0.0 2026-01-24 20:36 UTC

Requires

• php: ^8.2
• andreiio/blade-iconoir: ^4.7
• filament/filament: ^4.0||^5.0

Requires (Dev)

• laravel/pint: ^1.22
• phpunit/phpunit: ^12.3

proprietary

• Skylence

• theme
• laravel
• clean
• corporate
• modern
• filament
• glass
• glassmorphism

README

A glassmorphism theme for Filament v4/v5 with Iconoir icons included.

Installation

composer require skylence/glass-theme

Usage

Add the theme to your Filament panel:

use Skylence\GlassTheme\GlassTheme;

public function panel(Panel $panel): Panel
{
    return $panel
        // ...
        ->plugin(GlassTheme::make());
}

Configuration

You can customize which features the theme applies:

GlassTheme::make()
    ->withSuggestedColors(false)  // Disable theme colors
    ->withSuggestedFont(false)    // Disable Manrope font
    ->withSuggestedIcons(false)   // Disable Iconoir icons

Features

• Glassmorphism Design - Transparent backgrounds with backdrop blur effects
• Iconoir Icons - 1680+ icons mapped to Filament components
• Custom Colors - Curated color palette (Blue primary, Indigo secondary, Lime success, Yellow warning, Rose danger)
• Manrope Font - Clean, modern typography

Building CSS

This theme uses Tailwind CSS. To build the theme CSS:

npm install
npm run build

License

MIT