Soft Theme
Make everyday admin feel more welcoming. Serif headings, filled fields, and pill-shaped actions give familiar screens a softer touch.
Give everyday screens
a little character.
Choose a new look, a denser layout, or both. Four themes from the team behind Filament.
Compare themes
Loading preview
Drag the divider to compare, or focus it and use the arrow keys. Desktop previews of the same Filament panel.
Three distinct looks.
Go welcoming with Soft, precise with Sharp, or dark-first with Noir.
Sharp Theme
Give data-heavy tools a precise, technical look. Square corners, fine table rules, and clear selection markers bring structure to busy screens.
Noir Theme
Put your content in focus with a dark-first design. Layered near-black surfaces, inset fields, and light primary actions give your panel depth.
More room to work.
Fit more rows, fields, and actions on larger screens while keeping your colors, fonts, and icons. Use Compact Theme on its own, or pair it with Soft, Sharp, or Noir.
Loading preview
Pricing
Choose your theme.
Every license includes 1 year of updates, including compatibility updates for new Filament major versions.
Compact Theme
Your existing look. More room to work.
$29 USD
Regular price
$39
Single project
1 year of updates included
Soft / Sharp / Noir
Choose one theme for your panel.
$39 USD
Regular price
$49
Single project
1 year of updates included
Theme + Compact
Your choice of Soft, Sharp, or Noir, with denser spacing.
$59 USD
Regular price
$69
Single project
1 year of updates included
Prices in USD. Choose your license and any Compact Theme bundle at checkout.
Frequently asked questions
Which Filament versions do the themes support?
All four themes fully support Filament v4 and v5 core features.
Can I combine themes?
Choose Soft, Sharp, or Noir, then add Compact if you want a denser layout. Compact also works on its own with Filament’s default appearance.
Can I customize the look?
Yes. Add your own CSS layer on top of the theme to customize any part of the design. Use your panel’s colors and fonts, and adjust the theme’s configuration tokens for details such as corners, surfaces, and spacing.
Will a theme work with my custom components?
You can style custom components with CSS and reuse the same configuration tokens the theme uses for Filament’s core components. That lets you carry the theme’s design through your own interface too.
Is there a live demo of the themes?
Yes. Try each theme in the live demo: Compact Theme (opens in a new tab) Soft Theme (opens in a new tab) Sharp Theme (opens in a new tab) Noir Theme (opens in a new tab)