---
title: "CMS Discovery OS Pro — Framer component · Best of Framer"
description: "$39.00 · Framer component · by Mehedi Hasan · Cards. Search any CMS. Keep your cards."
canonical: "https://framer.elliotli.dev/component/cms-discovery-os-pro"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/CMS Discovery OS Pro

# CMS Discovery OS Pro

Search any CMS. Keep your cards.

[View on Framer](https://framer.com/marketplace/components/cms-discovery-os-pro/?via=elliot-li)

![CMS Discovery OS Pro preview image 1](https://framer.elliotli.dev/og/component/cms-discovery-os-pro/3eacfbc2ae32b49e/1600x1200.jpg)

## Summary

Search any CMS. Keep your cards.

## Description

**Search any CMS. Keep your cards.**

Other Framer filter components make you build cards their way. This one never renders your cards.

You design the card with your own layers. Drop a Discovery Bridge inside it. The controller runs search, facets, sorting and pagination around it — your layout stays yours, still editable in the layers panel.

**WHAT YOU GET** • Instant client-side search, with synonyms and typo tolerance • Facets that build themselves from your CMS fields, with live counts • Sort by relevance, featured, newest, oldest, A–Z • Saved views, favorites, Load More / infinite / numbered pagination • Shareable filtered URLs • A mobile filter sheet that's a real modal: Escape, focus trap, focus return • Setup Doctor — scores your wiring out of 100 and names the exact fix

**PRO ADDS** • Operators: contains any, contains all, is set, number range, date range • Multi-field sort profiles with per-field type and direction • Tap a detected CMS key to build a filter, live on the page • Conditional card states driven by a CMS value

**SETUP — 4 STEPS**

1.  Paste one file into a new Framer code file
    
2.  Drop the controller above your CMS Collection List
    
3.  Drop the Bridge inside the repeated card
    
4.  Bind Item ID to your slug, then Title, Description, and up to six field keys
    

Set Facets to Auto and your filter groups appear on their own.

**HONEST LIMITS** Filtering is client-side, so every item has to be rendered. Comfortable under ~200 items. For a 1,000-item catalogue, use Framer's native CMS filtering or a search service instead. Favorites are per-browser (localStorage).

No API keys, no dependencies, no network calls. Around 21 KB gzipped.

Live demo, wired to a real CMS collection: [https://cmsdiscoveryos.framer.website/cms-demo](https://cmsdiscoveryos.framer.website/cms-demo)

## Rank history [How rankings work →](/terms#rankings)

-   All · #6598

## Details

- **Author**: Mehedi Hasan
- **Price**: $39.00
- **Published**: 2026-07-29
- **Updated**: 2026-07-30
- **Added**: 2026-07-29
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards