keycap sphere

free

The prompt is free with an account: sign up with Google or email, and your copy starts right after. The project and Figma file come with monthly or yearly.

One pinned WebGL scene for a fictional ceramics studio, set in a desert evening with a low sun and a sky from apricot to mauve. Scrolling spins the rings up, flares the light core and breaks the sphere apart; ten terracotta keys fly out to spell MADE BY HAND and eight of them re-spell HANDMADE, and scrolling back rebuilds the sphere. The type is Archivo in a light weight, in sentence case.

what you get

prompt: Paste it into Claude, Codex, Kimi or Cursor to rebuild this template. Tested: we rebuild every template from its prompt before it goes live.
project: The Vite + React source code as a .zip, ready to run.
figma file: The editable design as a .fig file to import into Figma.

what's inside

preloader
hero
scroll animation
custom cursor
cursor tracking
film grain
webgl shader
spring physics
progress bars
autoplay

stack

react
vite
typescript
three
webgl
gsap
scrolltrigger
postprocessing

metal piece

araneae

butterfly museum

keycap sphere

more like this

metal piece

araneae

butterfly museum

keycap sphere