Claymorphism
Clay modelled as a material: matte pigment on a slab under one lamp, every layer computed from thickness and colour, presses that keep their volume, and hero objects built from superellipses.
Built for: Consumer, kids, finance, AI tools and anyone tired of pastel balloons
Pages
Claymorphism Components, WebA bench with a lamp, a thickness dial and a sample you press: it loses height, gains footprint and prints its volume staying at 100.0%.
Lumpsum Dashboard, WebA month of money as one mass of clay on a table: pinch from one lump, press onto another, each sized by true volume, and the total can never change.
Coil Dashboard, WebA Reception phonics tray of 26 rolled letters where thickness is how secure a letter is: pick a child, re-roll the tray and the headline.
Slipjoin Landing page, WebDuplicate support tickets as lumps of clay that really fuse in a WebGL height field, with the headline counting what is left.
On Twos Landing page, AIA clay head swapping replacement mouths at 12 frames a second from a dope sheet the page writes from your line, scripted and labelled so.
Greenware Mobile app, MobileA mug that loses its true shrinkage through five studio stages while its clay, the page and a working phone all change with it.
What's inside
- 6 pages, one file each, no props
- 9 components of its own, written for this kit
- 2 engines behind the signature behaviour
- Fonts with their OFL licenses: Cl Display, Cl Text
- README with install steps for Next.js and Tailwind v4, and the license terms
How to buy
All kits are in goodui Pro: $99 once, with lifetime updates. Team is $249 for up to 10 developers.
Checkout isn't open yet. Join the list and we send you the early-bird link once.
With a license key, from your terminal:
curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-clay.zip https://goodui.dev/kits/clay.zip