A keyboard shop where every switch is 3D
The Bugged Dev used Claude Fable 5, three.js and GSAP for a mechanical-keyboard shop. Every key, switch and color can be changed in 3D, live.
The Bugged Dev looked at the funny little demos people were making with Fable 5 and decided to build a shop. A mechanical-keyboard store in three.js, motion from GSAP, every key and every switch and every color changeable in 3D while you watch.
A product page usually cheats. The keyboard is a photograph, and the options are a row of dots. Here the object you are buying is the object on screen, which means the configuration is the camera move. Change the switch and the model has to change, not the caption under it.
The amusement in the post is scale. A whole keyboard is a lot of repeated parts that still have to feel like one product. That is a catalog problem and a rendering problem at the same time.

Made with
The Bugged Dev
@thebuggeddev
Everyone is using Fable 5 to build funny little demos so I decided to build something better. Vibe coded a 3D keyboard ecom platform in @threejs and @greensock. Every key. Every switch. Every color. Customizable in real time in 3D. It's really amusing that whole keyboard is https://t.co/L5vUHJh4K9
966 likes
- likes
- 966
- replies
- 41
Captured when this was curated, not live. —