Block
Filterable Grid
Reorder gallery items with animated, keyboard-friendly filtering. Identity, packaging, editorial: visitors cut a portfolio down to the work they care about without a page reload.
GET THIS BLOCK - FREE
Layout Block · Block 08 / 09
← All blocksFILTERABLE GRID / LIVE
Northwind
Identity
Salt & Pine
Packaging
Field Notes
Editorial
Atlas & Co
Identity
Low Tide
Packaging
Meridian
Editorial
Recreated for the web · ships as a native WordPress block
What you can control
| Attribute | What it does | Default |
|---|---|---|
data-filter | Default active filter category slug | all |
data-duration | Layout animation duration in milliseconds | 500 |
data-layout | Grid layout mode: masonry or equal | masonry |
Accessible: Filterable Grid respects prefers-reduced-motion and is fully keyboard-operable. Filter buttons expose active state to screen readers.