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.
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.
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 seen in Diplomatic-Pear-–-Framer-06-01-2026_03_09_PM.png.
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 in Diplomatic-Pear-–-Framer-06-01-s.png, along with full control over input and list fonts.
Documentation & knowledge bases
SaaS dashboards & web apps
Complex multi category blogs or resource hubs
E-commerce product discovery
Large portfolio or agency sites
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!
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.
Dulaj dilshan
