Filter Query Block

Live demos

Find the right design for your content

Choose a layout, then try its filters, search and pagination. Each demo opens on its own page.

Demo 01

Buttons and cards

Filled pill controls with More above a three-column image and title grid.

Try this demo →

Demo 02

Compact filter rows

Two compact rows with uppercase labels, outlined choices and blue/orange selections.

Try this demo →

Demo 03

Dropdown and grid

Compact dropdowns and sorting above an image and title grid.

Try this demo →

Demo 04

Checkbox sidebar

Multiple-choice filters on the left with three columns of images and titles.

Try this demo →

Demo 05

Outlined sidebar

Outlined dropdowns on the right of an editable card grid.

Try this demo →

Demo 06

Dark cards

A dark section with rounded controls, More and image cards.

Try this demo →

Demo 07

Published date

Filter posts by a publication date or range. The design can also include a numeric filter when the selected content has a numeric field.

Try this demo →

Demo 08

Popup filters

Keep the feed uncluttered with filters in a popup. Open Filters, make a selection, and apply it.

Try this demo →

Ready to build your own?

Follow the setup guide or explore Pro.