Skip to main content
★ Free · Open Source (MIT)

A settings slideover, opened from a ⚙️ icon in the topbar, that lets each user pick their own layout, primary color, font, and font size — without touching your panel’s code.

PHP ^8.2 – ^8.5Filament ^4.1 | ^5.0Livewire ^3 | ^4
Filament UI Switcher settings modal Filament UI Switcher demo video

Features

Primary color

Pick from predefined colors or add custom brand colors.

Font family

Choose from 6 popular Google Fonts, or wire in your own local fonts.

Font size

Adjust the base font size within a configurable range (12–20px by default).

Layout

Switch between Sidebar, Compact Sidebar, Sidebar (no topbar), and Topbar navigation.

Mode switcher (optional)

Optionally surface Filament’s own light/dark/system switcher in the same modal.

Session or database storage

Store preferences per-session by default, or persist them per-user in the database.

Requirements

  • PHP 8.2, 8.3, 8.4, or 8.5
  • Laravel 11.x or 12.x
  • Filament 4.1+ or 5.x (Filament 4.0 works except for the “no topbar” layout option)
  • Livewire 3.x or 4.x