on chrome on a macbook pro page scrolling is noticeably degraded and animations are low fps. It's a very subtle effect which is nice i guess, but the feeling of jankiness overrides it.
Jelly UI: Soft-body physics for native HTML form controls
11–20 of 209 posts
Re: Jelly UI: Soft-body physics for native HTML form controls
#12I'm so glad it allows for preferences to reduce motion. I don't like these kinds of UIs at all... unless maybe I'm inside a video game and even then it bothers me after the initial novelty.
Re: Jelly UI: Soft-body physics for native HTML form controls
#13If I were younger I would love this. nowadays I spend most of the time tweaking websites to remove this stuff using local stylesheets...or using dark + read mode... how times have changed.
Re: Jelly UI: Soft-body physics for native HTML form controls
#14Gotta say, I like most of the effects except for the wiggly "membrane" on inputs and buttons: I'd prefer to see the the whole thing jiggle when clicked or focused, rather than a small circle, and to turn off the effect entirely for typing. I suppose it's trivial enough to go into the source, but if there's a cheap and easy way to expose customization knobs like that, perhaps take it as a suggestion.
Re: Jelly UI: Soft-body physics for native HTML form controls
#15I'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).
Oh, thanks for the hint. I actually don't like this - similarly to dark mode setting detection. But I guess thats more a criticism on the OS preferences not being granular enough.
Re: Jelly UI: Soft-body physics for native HTML form controls
#16It does not seem to work on Firefox for iOS. I could not see any animation just the tiny click registration cards.
Re: Jelly UI: Soft-body physics for native HTML form controls
#17Pretty cool. Love the button. Not sure I will ever build an app where this makes sense but cool
Re: Jelly UI: Soft-body physics for native HTML form controls
#18Cute (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.
I'm glad I read your comment, I missed that it intentionally gracefully degraded and assumed it was broken, as I'd forgotten I'd set that.
Re: Jelly UI: Soft-body physics for native HTML form controls
#19I love the aesthetic, and I really love that they implemented it as a web component library.
Re: Jelly UI: Soft-body physics for native HTML form controls
#20So this works on Chrome on my Android phone, but not on Chrome desktop nor firefox.