Mechanical Keyboard

Bring a mechanical keyboard to life in your Framer projects.

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 →