CMS Filter Bar with Chips & Tabs is the simplest way to add interactive filtering to any CMS-bound grid in Framer. Map a Categories collection to a chip row, drop a tab bar above your grid, and watch non-matching cards disappear in real time — no per-category code edits, no smart components, no plugins.

Key Features:

• CMS-Driven Chips: Bind the filter chip row to a Categories collection — adding a new chip is just adding a new CMS item, never a code change.
• Combinable Filters: Chip + tab filters stack with AND logic (e.g. Nature + Videos shows only items in both).
• Case-Insensitive & Plural-Tolerant: A "Videos" tab matches CMS items typed "Video"; "Sports", "SPORTS", and "sports" all behave identically.
• Built-In States: Default, hover, and active styles with proper colour contrast — including the white-on-dark cascade that beats Framer's inline text colour.
• Fully Responsive: Works across desktop, tablet, and mobile breakpoints — the overrides are layout-agnostic and inherit your canvas's responsive sizing for chips, tabs, and grid.
• Self-Configuring: Each override reads the chip or tab's own label text at runtime — duplicate a chip, change the label, and the filter just works.
• Zero Code Edits: Three named overrides cover everything. Extend by editing the CMS, never the source.

Use Cases:

• Discover Pages: Image, video, and content galleries with category chips and a media-type tab bar (All Media / Videos / Images).
• Course & Class Catalogs: Strength / Cardio / Yoga chips above a class card grid, with All / Live / On-Demand tabs.
• App Stores & Directories: Finance / Business / Health filter pills above an app grid, with category-driven dropdowns.
• Marketplaces & Resource Hubs: Filter products, articles, or templates by tag without touching the canvas every time you add a new tag.

Refund Policy

Due to the nature of digital products, all sales are final. Once purchased, we cannot offer refunds or exchanges as the files cannot be "returned."

Exceptions: We may offer a refund if: 1. Technical Defects: The override is materially defective or does not function as described, and our support team cannot resolve the issue. 2. Duplicate Purchase: You accidentally purchased the exact same item twice.

For support or assistance, please contact us before requesting a refund. We are dedicated to ensuring our product works perfectly for your project.