Hey Framer community 👋
Meet Hotkey CTA: a premium call-to-action button with a built-in keycap hint. Two variants, Primary and Secondary, each with polished hover and pressed states, built entirely from native Framer layers. No code.
WHY IT'S DIFFERENT
Most CTA buttons look the same. This one borrows a detail from modern software interfaces: a small keycap that lifts on hover and presses down on click. It makes your button feel like part of a real product.
WHAT'S INSIDE
- Primary and Secondary variants
- Hover and pressed states on both
- Gold glow, plus a keycap that lifts and presses
- Editable label and key text (↵, ⌘K, Ctrl K, or a short badge)
- A switch to hide the key for a plain button
- Color and text styles included
GOOD TO KNOW
The keycap is a visual hint. For a working keyboard shortcut, pair it with a shortcut component such as Key Master.
Perfect for SaaS, AI and developer-tool sites: hero sections, pricing tables and sign-up forms.
GET IT
👉 Checkout: https://framevia.lemonsqueezy.com/checkout/buy/cc01cb06-7261-47c8-91de-084545979600
👀 Live preview: https://hotkey-cta.framer.website/
I'd love your feedback: what key or label would you put in the keycap? Tell me below!
Built by Framevia | The Visual Pratik.
