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.
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.
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.
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
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.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb