Bring a mechanical keyboard to life in Framer. Customise keys, toggle text, switch layouts, add links & a mobile version —perfect for mockups and interactive demos.
Made with Workshop
Build your own component with AI
Bring a mechanical keyboard to life in your Framer projects.
🎨 Change special key colours in real time
🔤 Toggle text preview on/off
⌨️ Switch between Windows and Apple layouts
🔗 Turn any key into a clickable link
🌈 Optional mobile variant
Perfect for mockups, interactive UI demos, or adding playful details to your designs. Fully customisable and easy to use.
I’d really appreciate it if you could take a minute to share your thoughts on the component!
Your feedback helps me improve and create even better Framer components. 💛
Fill out the short form here →