Let’s be honest: the modern web can feel a bit... rigid. We spend our days clicking flat rectangles and sliding stiff bars. But a new library called Jelly UI is trying to change that by introducing 'soft-body physics' to the browser. It’s exactly what it sounds like: your buttons, checkboxes, and sliders now wobble, stretch, and bounce, making the digital experience feel less like a spreadsheet and more like a physical object.
Tactile Tech Without the Bloat
Usually, adding complex physics to a website means loading heavy graphics libraries or sacrificing accessibility. Jelly UI takes a different approach. It's a zero-dependency Web Components library, meaning it doesn't require a massive framework to run.
What’s most impressive is that these aren't just fancy animations masquerading as buttons. They are real HTML form controls. You get native focus, standard keyboard behavior, and full FormData participation. It’s the best of both worlds: the accessibility of a standard form with the organic feel of a physical toy.
Built for the Real World
It’s not just about the 'squish.' The developers have baked in essential production features that often get ignored in experimental libraries. We're talking dark mode support, right-to-left (RTL) compatibility, and WCAG AA color tokens to ensure the interface remains accessible to everyone.
With 40 custom elements available via a single script tag, developers can quickly pivot from a sterile UI to one that feels 'alive.' When a button wobbles upon being pressed, it provides a visceral signal of interaction that static CSS simply can't replicate.
The Future of Feel
As we move toward more immersive digital spaces, the 'feel' of an interface—its haptics and physics—becomes just as important as its layout. Jelly UI is a glimpse into a future where the web is more tactile, playful, and human.
Sources
Media
