Claymorphism UI kit

Claymorphism makes surfaces look moulded and inflated: big radii, an outer shadow for weight, and two inner shadows for the soft edge. Colour stays saturated and friendly, so it suits consumer apps, education and anything that should feel like a toy you can pick up.

Pictures and recordings of the real kit. The paid code doesn't run on this site.

Components

Claymorphism
A 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%.

Dashboard kit

Lumpsum
A 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
A 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.

Mobile kit

Greenware
A mug that loses its true shrinkage through five studio stages while its clay, the page and a working phone all change with it.
Greenware
Pottery studio app in modelled clay

Landing pages

Slipjoin
Duplicate support tickets as lumps of clay that really fuse in a WebGL height field, with the headline counting what is left.
On Twos
A clay head swapping replacement mouths at 12 frames a second from a dope sheet the page writes from your line, scripted and labelled so.

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.

Compare plans

With a license key, from your terminal:

curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-clay.zip https://goodui.dev/kits/clay.zip