grainfall
proGet the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.
A full-window interactive piece: an eroded stone cube built from 88,340 particles floats corner-up on a dark violet field with a fine film grain, turning slowly. The cursor lights the stone from where it points, a violet-to-ice-white glow on the grains with a soft bloom behind it, and pushes, swirls and drags the grains within reach: moving across the surface tears them off into sandy, glowing trails that spring back home, and resting on it opens a hole. A click scatters the whole stone in a burst from the cursor and it reassembles in a couple of seconds; dragging turns it, and it coasts with inertia back to its idle spin. The stone is generated in code from noise (chipped, rounded edges, rocky shading) and drawn with three.js and a custom point shader; the particle physics runs on the CPU. No images and no fonts. It runs at the same speed on 60 and 120 Hz screens, fits phones in portrait, and works with taps and finger drags.
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
- 3d viewer
- cursor tracking
- spring physics
- webgl shader
- film grain
- touch support
stack
- react
- vite
- typescript
- three
- webgl
colors
- #04030A
- #1A1446
- #0B0920
- #9678FF
- #4D45A8
- #C7DBFF
license
With monthly or yearly: personal and commercial work, client projects included. Don't resell or share the template, prompt or files.
read the license

