LiveSearchPro

About

LiveSearchPro adds a powerful, lightning fast search bar with real time filtering to your Framer projects. Drop it into a navigation bar, a hero section, or a dedicated search page to let your visitors find exactly what they need instantly. It supports both your existing CMS collections and custom manual data arrays, delivering a fully responsive search experience that looks great on any screen size.

What it does

It powers an interactive dropdown search that updates instantly as visitors type. It reads data directly from your Framer CMS or manual setup, auto detects content categories, and lets you control the maximum number of results displayed. Complete with an adjustable loading delay for smoother transitions and a custom empty state icon for when no matches are found, it makes exploring your site completely effortless.

What you can customize

• Search engine settings: Choose between CMS or Manual data sources, customize the placeholder text, toggle recent searches or categories, and tweak the loading time and maximum results limits.

• Colors & styling: Match your exact branding by customizing the accent color, background, primary and secondary text, borders, and hover states.

• Typography & icons: Pick custom input fonts to blend with your design, and add a personalized icon for empty search results.

Great for

• Content heavy blogs and documentation sites

• Portfolio and agency site filtering

• Product catalogs and e-commerce layouts

• Resource libraries and tutorial hubs

• Large multi page sites needing clean navigation

Share your build

If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I’d love to see what you create.

Need help?

Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb