Hey Framer community 👋
Meet Keybar Nav: a premium navigation component with a search pill and keycap hint, built entirely from native Framer layers. No code.
WHY I BUILT IT
Most navbars look the same. This one borrows a detail from modern software sites: a centered search pill with a small ⌘K keycap. It makes your site feel like a real product from the first scroll.
WHAT'S INSIDE
- Dark glass bar with logo, links, search pill, login and CTA
- Mobile layout with an open menu and a full-width CTA
- Search pill built to work with Framer's built-in Search component
- Hover and pressed states on the links, search pill and CTA
- Color and text styles included
- Clean, clearly named layers
GOOD TO KNOW
The ⌘K badge is a visual hint. For a working keyboard shortcut, pair it with a shortcut component such as Key Master. Framer's Search needs a published site with pages to index.
Great for SaaS, AI and developer-tool sites with product, pricing and docs pages.
GET IT
👉 Checkout: https://framevia.lemonsqueezy.com/checkout/buy/c0da07b9-1c2f-4af9-95c2-88995f44eeff
👀 Live preview: https://keybar-nav.framer.website/
I'd love your feedback: would you want a light version, a tablet layout, or a mega menu next? Tell me below!
Framevia | The Visual Pratik
