SmartSearch

About

OmniSearch brings an advanced, lightning fast search experience directly into your Framer projects. It is perfect for injecting desktop grade navigation into a landing page, complex documentation site, or dashboard. Visitors can instantly pull up the search modal using familiar hotkeys, browse intelligent suggestions, and narrow down results by category tags without ever slowing down your site's performance.

What it does

It renders a fully custom search bar and modal that handles real time inputs with customizable debounce delays. It supports built in AI assistant toggles, voice input capabilities, and structured content organization via filter chips. The component also manages user history with localized storage to display recent searches instantly, complete with smart relative timestamps for a premium application feel.

What you can customize

• Search Behavior & UI: Customize your placeholder text, assign custom hotkeys (like ⌘K), set maximum result limits, and fine-tune typing debounce speeds.

• Features & Content: Easily turn recent history on or off, toggle voice and AI search assistants, and define custom arrays for category lists, trending suggestions, and default items directly in the settings panel.

• Theme & Styling: Match any brand precisely by adjusting colors for the background, dropdown, borders, dividers, text, placeholders, accent highlights, and hover/active states as shown long with full control over input and list fonts.

Great for

• Documentation & knowledge bases

• SaaS dashboards & web apps

• Complex multi category blogs or resource hubs

• E-commerce product discovery

• Large portfolio or agency sites

Share your build

If you build something awesome with this component, make sure to drop a link or tag me on X @Dulajweb. I always love checking out how people style it!

Need help?

Have any questions, feature ideas, or spotted a bug? Hit me up anytime via email at dulajdilshan766@gmail.com or send a DM over on X @Dulajweb.