Filament Material ThemeMaterial Design 3 for Filament

Every panel component redrawn to Material's spec, and a whole color scheme derived from one brand color.

A Filament panel with the theme applied, showing the navigation drawer, a form and a table

Material components, not a repaint

Actions, sections, badges, form fields, tables and navigation are rebuilt to the shapes and measurements Material publishes, rather than tinted to look approximately right.

Component index

Variants you ask for by name

Material ships most components in more than one form. Each one is reached through a method on the Filament component that renders it, so a caller never carries a class string around.

API reference

Dynamic color

The whole scheme, every role in both modes, is derived at runtime from a single source color, so changing the brand color changes the panel without a rebuild.

Theming

Launch offer, 20% off

LAUNCH20 takes 20% off every license until September 1. $59 for a single project with a year of updates, $169 for unlimited projects with updates for good.

Get a license