Site & theme widget

Loop Filter

Category pills, dropdowns or a search box that filter a grid of posts without reloading the page.

Build it with your AI

“Add category pills above the post grid that filter it without reloading the page.”

Live demo

See it working

This is the real widget, not a picture

Settings

23 settings in three tabs

Every setting below is in the editor — and available to your AI through get_widget_schema.

Content

13 settings

Filter

Grid anchor ID

Filter by

Taxonomy

Display

Allow several at once

Show “All”

“All” label

Show counts

Hide empty terms

Top-level terms only

Placeholder

Sort options

Label

Design

10 settings

Buttons & fields

Alignment

Gap

Typography

Text color

Background

Border color

Active text

Active background

Radius

Padding

Behaviour

shared

On every element

Spacing & position

Background & border

Animations

Motion & effects

Scroll & mouse effects

Visibility

Conditions

Interactions

Attributes & CSS

Build it with AI

Just describe what you want

Your AI looks up the Loop Filter settings over MCP and writes the element for you — real, editable and on brand.

Claude · connected to your site

You

Add category pills above the post grid that filter it without reloading the page.

Claude · using Uncoder

Done — it’s on your site and fully editable.

  • Loop Filter added where you asked
  • Styled with your Design System
  • Checked on tablet and mobile
  • get_widget_schema
  • edit_elements
  • audit_page

What the AI writes

loop-filter.jsonJSON
{
  "type": "loop-filter",
  "settings": {
    "target": "demo-loop",
    "filter": "taxonomy",
    "taxonomy": "category",
    "display": "pills",
    "show_all": true,
    "all_label": "All",
    "exclude": "1",
    "justify": "center"
  }
}

Free · GPL · No account

Your next site is one prompt away

Install Uncoder, connect your AI and describe what you want. Every page it builds stays yours to edit.