keycap sphere
freeThe 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 foundry of language, set in a volcanic night with basalt, ash, lava on the valley floor and rising sparks. Scrolling spins the rings up, flares the light core and breaks the sphere apart; ten keys fly out to spell MADE IN FIRE and seven of them re-spell REFINED, and scrolling back rebuilds the sphere. The type is Archivo in tall condensed 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
fonts
Archivo, Inter
Free fonts, linked in the prompt.
colors
- #120705
- #F3E6DA
- #FF7A2E
- #FF4A12
license
Free account: personal use only. Monthly or yearly adds commercial and client work. Don't resell or share the template, prompt or files.
read the license