Simple Search Bar

Created this component to help developers and designers with their rush projects.

Help visitors find pages and projects with a clean, interactive search bar for Framer. Simple Search automatically discovers published pages, including CMS detail pages, without requiring you to enter results manually.

Built for portfolios, agency websites, blogs, and small business sites, it includes customizable colors, rounded corners, animated transitions, and a compact results panel.

Features & Highlights

• Automatic page discovery

• Title-first matching

• Search scope

• Linked results

• Scrollable results

• Customizable colors

• Optional background fill

• adjustable corner radius

• Animated interactions

• Keyboard support

• Clear & close button

• Consistent empty state

• Reduced-motion support

• No API key required

Preview Link: https://simplesearch.framer.website/