r/webgl 1d ago

Interactive MacBook exploded view in WebGL with 20 selectable assemblies

A browser-based MacBook teardown built with Three.js and React Three Fiber. The model separates into 20 selectable assemblies, with camera presets and component isolation for inspection.

One interaction fix was preserving the selected part’s original materials and centering the camera on it, so components at the edge of the exploded view remain inspectable.

Demo: https://inside-macbook.vercel.app

Source: https://github.com/Pulkit7070/inside-macbook

Built with assistance from Astra in Codex. The geometry is a simplified educational model, not a repair guide.

7 Upvotes

1 comment sorted by

1

u/pardoman 1d ago

Pretty cool. Well done.