Skip to content

component

LiveSearchPro

By Dulaj dilshan

Details

Summary

About LiveSearchPro adds a powerful, lightning fast search bar with real time filtering to your Framer projects.

Description

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

Introduction

Instant live search

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600174728/148/228/309/79/15
  • All · #7464