KQ-448 · WOBBLE/JELLY

Wobble Jelly

The interface as a slab of jelly: click and it wobbles — a springy deformation spreads from the point in damped waves, the page stretching and squashing with it — then settles. A grid mesh with a spring at every vertex.

KQ-448 · WOBBLE/JELLY

Fernworks · potting bench

Four lots, one soft bench.

The bench under this card is a real mesh of vertices on springs, coupled to their neighbours so a poke moves through the material instead of just the one point you touched. Press down anywhere and watch it settle.

Beds

99

Lots active

162162

Survival

94.8%94.8%
  • FW-201Salalready
  • FW-217Western sword fernhardening
  • FW-233Oregon grapepropagating
  • FW-248Twinberrysold

poke it

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/wobble-jelly

Props

PropTypeDefaultDescription
cols / rowsnumberThe mesh resolution.
stiffness / damping / pokenumberThe vertex springs, and how hard a click pushes.