Back

Realtime Search for Framer CMS

Realtime search is a part of a mega CMS component that consists of pagination. load more and realtime search. The entire appearance of the buttons and search bar are customizable. **FULL DISCLOSURE - The component may stop working if Framer decides to change the structure of the database in future updates**

Style

Light & Dark

Responsive

Desktop, Tab, Mobile

Code Component

Yes

Category

Code

This component is a part of the 200+ components, layouts and code overrides from the SegmentUI KIt. Learn More. We also have a library of freebies here

Instructions

  1. Drag the component to you canvas and connect it to your CMS outside the canvas.The preview on the canvas can look weird but it will work in preview and published pages

  2. For pagination, limit will determine the number of collection items before pagination begins

  3. For Search, set the search option to "yes". There are two mode a- "Visible only" and "All". If it's set to "All" it searches description, instruction, title etc.

  4. You may experience performance and loading lag for larger CMS collections

  5. For responsiveness, use wrap=yes on parent and set min width on children. Another option is to create a new variant for your mobile screen and connect your collection there.

Similar Items

New

CMS Image Corner Radius

New

Manual Theme Toggle with Memory

New

CMS Alt to Description

New

Before After Slider

New

Days Since / Days Ago Component

New

Press Key Action

New

Encrypted Crypto Cards

New

Dynamic CMS Previous and Next Item

New

CMS Child Counter / Item Counter

New

Dynamic Back Override

New

Any Image / CMS Image Lightbox

CMS Dynamic Table of Contents

Frequently Asked Questions

How can i use the dark version of this?

How can i make this responsive?

How do i change this to my brand color?

What is SegmentUI Pro?

SegmentUI Pro is a UI kit and component library containing 200+ Components and layouts and 4 Premium templates (StealthAI, BlockPool, DesignJungle, imagineAI) and a custom Framer code generator. You can preview the UI Kit here.

SegmentUI Pro is for Framer designers and template creators who want to power up their designs

After creating multiple templates and client projects myself, I realised one thing - - In order to make more revenue, you need to give more value. This was the main intent behind SegmentUI. To power up designers to and to be able to allow them to deliver more value for the time they spend

SegmentUI Pro is for Framer designers and template creators who want to power up their designs

After creating multiple templates and client projects myself, I realised one thing - - In order to make more revenue, you need to give more value. This was the main intent behind SegmentUI. To power up designers to and to be able to allow them to deliver more value for the time they spend

Who is SegmentUI Pro For?

SegmentUI Pro is for Framer designers and template creators who want to power up their designs

After creating multiple templates and client projects myself, I realised one thing - In order to make more revenue, you need to give more value. This was the main intent behind SegmentUI. To empower designers and to be able to allow them to deliver more value for the time they spend

SegmentUI Pro is for Framer designers and template creators who want to power up their designs

After creating multiple templates and client projects myself, I realised one thing - - In order to make more revenue, you need to give more value. This was the main intent behind SegmentUI. To power up designers to and to be able to allow them to deliver more value for the time they spend

SegmentUI Pro is for Framer designers and template creators who want to power up their designs

After creating multiple templates and client projects myself, I realised one thing - - In order to make more revenue, you need to give more value. This was the main intent behind SegmentUI. To power up designers to and to be able to allow them to deliver more value for the time they spend

vs

Unlock everything with a one time payment

For the fraction of your next project, you can boost your workflow by 10 folds

Happy ! Use discount code for a special holiday discount!

Pro

$89

One Time Payment

Full Access to the UI Kit

Styles, Components, Code Overrides, Sections & Layouts

4 Premium Templates

Foundation Kit for Figma

CMS Upgrades

Framer Code Genie GPT

Light, Dark & Dynamic Mode

Commercial License Only

Use for personal and client projects

Use for unlimited projects

Request Components & Layouts

Pro Creator

$149

One Time Payment

Everything in Pro

Template & Commercial License

Use UI Kit to create unlimited client projects and templates

  • Danny Sapio

    Founder, FramerOverrides, FramerAuth

    "If you're a freelancer, agency, or just someone who makes a lot of Framer sites then this such a solid investment and time saver. Nabeel you crushed it on this one dude!"

  • Carlos Geronimo

    Framer Designer

    "Anyone who creates things with Framer should keep the SegmentUI kit in mind to improve their workflow!"

  • Carlos Geronimo

    Founder, Cabanna Design System

    "This is a no-brainer. Nabeel is a master at his craft and someone who only builds products of extreme value to the end-user. 100% recommend."

Frequently Asked

For anything not covered here, mail us at hello@segmentui.com

What is SegmentUI?

Is this a one time payment or a subscription?

Will I get Future updates if I purchase now?

Is there a free version?

Do you have a student discount?

How do I access after purchasing?

What makes this special?

Is there a dark mode for the UI Kit?

Supercharge your Framer workflow

100+ variations of styles, components, interactions, layouts, transforms, code overrides, code components. Preview Kit

Join our Mailing List

Receive updates on release dates, products, tips, and tutorials. No spam. Unsubscribe anytime.

Unlock everything with a one time payment

For the fraction of your next project, you can boost your workflow by 10 folds

Happy ! Use discount code for a special holiday discount!

Pro

$89

One Time Payment

Full Access to the UI Kit

Styles, Components, Code Overrides, Sections & Layouts

4 Premium Templates

Foundation Kit for Figma

CMS Upgrades

Framer Code Genie GPT

Light, Dark & Dynamic Mode

Commercial License Only

Use for personal and client projects

Use for unlimited projects

Request Components & Layouts

Pro Creator

$149

One Time Payment

Everything in Pro

Template & Commercial License

Use UI Kit to create unlimited client projects and templates

  • Danny Sapio

    Founder, FramerOverrides, FramerAuth

    "If you're a freelancer, agency, or just someone who makes a lot of Framer sites then this such a solid investment and time saver. Nabeel you crushed it on this one dude!"

  • Carlos Geronimo

    Framer Designer

    "Anyone who creates things with Framer should keep the SegmentUI kit in mind to improve their workflow!"

  • Carlos Geronimo

    Founder, Cabanna Design System

    "This is a no-brainer. Nabeel is a master at his craft and someone who only builds products of extreme value to the end-user. 100% recommend."

Frequently Asked

For anything not covered here, mail us at hello@segmentui.com

What is SegmentUI?

Is this a one time payment or a subscription?

Will I get Future updates if I purchase now?

Is there a free version?

Do you have a student discount?

How do I access after purchasing?

What makes this special?

Is there a dark mode for the UI Kit?

Supercharge your Framer workflow

100+ variations of styles, components, interactions, layouts, transforms, code overrides, code components. Preview Kit

Join our Mailing List

Receive updates on release dates, products, tips, and tutorials. No spam. Unsubscribe anytime.

Unlock everything with a one time payment

For the fraction of your next project, you can boost your workflow by 10 folds

Happy ! Use discount code for a special holiday discount!

Pro

$89

One Time Payment

Full Access to the UI Kit

Styles, Components, Code Overrides, Sections & Layouts

4 Premium Templates

Foundation Kit for Figma

CMS Upgrades

Framer Code Genie GPT

Light, Dark & Dynamic Mode

Commercial License Only

Use for personal and client projects

Use for unlimited projects

Request Components & Layouts

Pro Creator

$149

One Time Payment

Everything in Pro

Template & Commercial License

Use UI Kit to create unlimited client projects and templates

  • Danny Sapio

    Founder, FramerOverrides, FramerAuth

    "If you're a freelancer, agency, or just someone who makes a lot of Framer sites then this such a solid investment and time saver. Nabeel you crushed it on this one dude!"

  • Carlos Geronimo

    Framer Designer

    "Anyone who creates things with Framer should keep the SegmentUI kit in mind to improve their workflow!"

  • Carlos Geronimo

    Founder, Cabanna Design System

    "This is a no-brainer. Nabeel is a master at his craft and someone who only builds products of extreme value to the end-user. 100% recommend."

Frequently Asked

For anything not covered here, mail us at hello@segmentui.com

What is SegmentUI?

Is this a one time payment or a subscription?

Will I get Future updates if I purchase now?

Is there a free version?

Do you have a student discount?

How do I access after purchasing?

What makes this special?

Is there a dark mode for the UI Kit?

Supercharge your Framer workflow

100+ variations of styles, components, interactions, layouts, transforms, code overrides, code components. Preview Kit

Join our Mailing List

Receive updates on release dates, products, tips, and tutorials. No spam. Unsubscribe anytime.