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.