Jelly UI: Soft-body physics for native HTML form controls
Points and comments are a snapshot, not live.
Jelly UI is a web component library that adds soft-body physics effects to native form controls.
Jelly UI is a dependency-free library offering 40 custom HTML elements with soft-body physics animations, WCAG AA color tokens, dark mode, and RTL support. It includes components like buttons, checkboxes, sliders, and dialogs that deform and wobble on interaction. The library degrades gracefully with prefers-reduced-motion. It uses a single script tag for setup and includes form-associated controls for accessibility and screen-reader support.
What commenters are saying
Many commenters initially saw no physics effects due to their `prefers-reduced-motion` setting, which Jelly UI respects by disabling animations. Some wanted a per-demo override toggle. After discovering the setting, some found the full motion overwhelming. Others criticized the scroll-jacking on the demo page and the physics claim itself, with some arguing the effects are merely animations, not true soft-body simulation. The library's degradation and accessibility features were appreciated.