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 arcade of language: near-black mountains drawn with neon contour lines, a yellow-to-pink sun, faint scanlines, and a backlight that runs cyan, violet and magenta across the keys. Scrolling spins the rings up, flares the light core and breaks the sphere apart; ten keys fly out to spell PLAY IT LOUD and seven of them re-spell OUTPLAY, and scrolling back rebuilds the sphere. The type is Archivo in heavy extended italic capitals.

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