Filament Tutorials

You have a REST API full of data you need to display in a Filament panel. No database table, no Eloquent model - just JSON from an external service. Before Filament v4, this was painful. Now, records() makes it straightforward.

Filament v4 added grouping fields together with FusedGroup, to have a unit dropdown together with the amount input.

You need to show or hide a field based on another field's value. Since Filament v4, there's a way to do it with JS, with no network request. and no re-render. Instant.

Imagine in Filament you have a custom action on an Edit page that opens a modal. After the action button click, where do you show the error message if something goes wrong? Don't just show the Notification.

Filament's Select is the go-to input for choosing options, but when you only have a few options, a Radio input can be a better choice: no extra clicks, all options are visible at a glance. Let me show you the example with dependent inputs.

Learn how to build a Filament table filter for star ratings using a min/max range, like “Rating: 2–4 ⭐” or “up to 2 ⭐”.

I’ve been working with AI tools on Filament projects, and gathered quite a few guidelines from practice - where LLMs fail to deliver the latest version code or slip somewhere else.

Use coupon code FRIDAY25 to get either 40% off Yearly/Lifetime Membership.

Learn how to customize Filament’s Edit Action to appear as an icon only — applied globally but limited to tables, so it doesn’t affect other pages like the view page.

Filament v4 introduced custom data tables for showing API data, but summaries don't work out of the box. Here's a simple workaround to calculate summaries manually!