Apple-Inspired Mechanical Keyboard Design in Spline

Siddharth Ponnapalli

Full Apple inspired Mechanical keyboard built in Spline

Overview

This project involved crafting a meticulously detailed, Apple-inspired mechanical keyboard entirely within Spline. The goal was to recreate the sleek aesthetic and satisfying tactile experience of a premium keyboard, focusing on realistic interactions and visual fidelity.
Work in progress shot
Work in progress shot

The Challenge:

The primary challenge was to meticulously design each key and component to achieve an authentic Apple-inspired look while ensuring full interactivity within a 3D environment. This required precise modeling, realistic material application, and seamless integration of interactive elements.
Key press interactions
Key press interactions

What I did :

I began by designing each key layer in Figma, ensuring accuracy in shape and proportion. Subsequently, I brought each individual SVG into Spline, where I carefully modeled every key to its specific shape.
A crucial step was adding realistic key press interactions, complete with authentic key press sounds for an immersive experience.
Finally, I incorporated detailed lighting to enhance the visual appeal and realism of the keyboard.
Final shot
Final shot

Result :

The result is a fully interactive and visually stunning Apple-inspired mechanical keyboard, complete with realistic key presses, sounds, and lighting, all rendered within Spline.
Like this project

Posted May 25, 2025

Designed an Apple-inspired mechanical keyboard in Spline with realistic interactions.

Coursetree - Framer X Thenty Template
Jitter Animations for Supertranslate AI
Landing pages for pSEO (mobile + desktop)
Landing pages for pSEO (mobile + desktop)
Design & Full stack development for Digger.dev
Design & Full stack development for Digger.dev

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc