goodui
Get Pro

Pressed, the lump gets wider

Claymorphism, Components, Web. Part of Claymorphism.

Recording of Claymorphism, 15 s. The paid code doesn't run on this site.

The one object

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

Claymorphism at 1440 px
Screenshot, 1440 px wide, first frame after load.
Claymorphism at 390 px
Screenshot, 390 px wide, first frame after load.

More from Claymorphism

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.

Checkout opens soon. We email you once, with your early-bird link.

Compare plans

Included in goodui Pro. Paste your license key; it stays in this browser.

No license yet? See pricing

With a license key, from your terminal:

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