Jelly UI: Soft-body physics for native HTML form controls

#1

Post by baldvinmar » Mon, Jul 20, 2026, 5:07 PM UTC

Jelly UI: Soft-body physics for native HTML form controls
jelly-ui.com

Re: Jelly UI: Soft-body physics for native HTML form controls

#2

Post by [deleted] » Mon, Jul 20, 2026, 5:07 PM UTC

[deleted]

Re: Jelly UI: Soft-body physics for native HTML form controls

#3

Post by an0malous » Mon, Jul 20, 2026, 5:37 PM UTC

This would be awesome if someone could add 3D rendering to make it actually look like I’m pressing a little jelly ball. It would make it so fun to press buttons that CA and EU would have to make jelly buttons illegal.

Re: Jelly UI: Soft-body physics for native HTML form controls

#4

Post by TurkTurkleton » Mon, Jul 20, 2026, 5:43 PM UTC

Cute (and I mean that sincerely, not sarcastically), and I appreciate that it appears to gracefully degrade for `@media (prefers-reduced-motion: reduce)`, but for the demo site, it would probably be a good idea to allow the user to override that without having to change their system settings, or at least alert them that they won't see the animations.

Re: Jelly UI: Soft-body physics for native HTML form controls

#5

Post by nerdsniper » Mon, Jul 20, 2026, 5:44 PM UTC

I'm having trouble identifying any physics at all in this UI design system.

Re: Jelly UI: Soft-body physics for native HTML form controls

#6

Post by hedgehog » Mon, Jul 20, 2026, 5:46 PM UTC

nerdsniper wrote: post #5

I'm having trouble identifying any physics at all in this UI design system.

The library does respect the client-side reduce motion setting (by disabling all animated effects).

Re: Jelly UI: Soft-body physics for native HTML form controls

#7

Post by serf » Mon, Jul 20, 2026, 5:47 PM UTC

that's a real frustrating form of scrolljacking, a forced timed animation & lockout for concurrent scroll events until the timer is relinquished and input ceases; impressive.