GrainMotion

An invented motion and surface system sold as plain CSS, with the page made of the thing it sells. Every brand on it is invented and every figure is made up, so there is nothing to unpick before you start.

View the full page

Scroll inside the frame, or open it on its own for the full width.

Where this page came from

It is an adaptation, not ours from nothing, and the licence it arrived under is the reason it can be here at all.

The original
Grain Motion System Page, by Ray Velez
Licence
MIT, the source
What was changed
New brand, copy and figures, and a retuned palette.

What it is for

Two hundred and sixteen gradients on one page, and a demonstration that has to agree with the thing being demonstrated: the page is built out of the surface system it is selling, so a flaw in the product is a flaw in the page.

Take it

One prompt, not two. An effect ships a second copy with its source pasted in for agents with no web access; a page this size has nothing sane to inline, so this one fetches the files and writes them where you say.

Paste into Claude Code, Cursor or any agent. Pinned to a tag, so it will not change under you.