---
title: "Realtime CMS Search — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Nabeel · Forms. About Realtime search any CMS collection based on what's visible."
canonical: "https://framer.elliotli.dev/component/realtime-cms-search"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/Realtime CMS Search

# Realtime CMS Search

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

![Realtime CMS Search preview image 1](https://framer.elliotli.dev/og/component/realtime-cms-search/b6fcf14871c679c5/1600x1200.jpg)

## Summary

About Realtime search any CMS collection based on what's visible.

## Description

## About

Realtime search any CMS collection based on what's visible. The entire appearance of the search bar is customizable. Setting up takes <10 seconds with two different methods for setting up search. You can search one or more collections using the override method similar to the search we have on our navbar.

This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click [here](https://segmentui.com/uikit) to see the full library

## Instructions

The first method is extremely simple.

1.  You just drag, drop the component
    
2.  Connect it to the CMS
    
3.  Configure& Preview
    

The second method uses overrides and is slightly slower but it's bullet proof against all future CMS updates, to set this method up,

1.  Add the aria label "cmsitem" to individual CMS item
    
2.  Apply the search override on the CMS collection
    
3.  Using this method, you can search one or more CMS collection
    
4.  Preview
    

## How It Works

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-9dwuy8vp-bmmhaobHpTsLmYSKAivIpDKbJSYVOO)

You can connect it to a Collection List component to search through. You can style the search input box, adjusting things like padding, font size, colors, and border properties. There are also options for styling the search results.

You can choose between vertical, horizontal, or grid layouts for the results. For grid layouts, you can set the number of columns and adjust spacing. For other layouts, you can set the gap between results.

## Support

For any queries and help setting up the component, contact [hello@segmentui.com](mailto:hello@segmentui.com)

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

-   All · #9801

## Details

- **Author**: Nabeel
- **Price**: $15.00
- **Published**: 2025-07-30
- **Updated**: 2025-08-07
- **Added**: 2025-07-29
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from