Viewing profile — kris-kay

This project isn’t meant to recreate Liquid Glass. I started working on it because I needed UI that would look good over unknown or changing backgrounds, like in a video game, over…

True, innovation is much easier when you have full control over the hardware. My project would have taken a fifth of the time if I were only targeting Safari on Apple devices. But …

> I don't think this is a kind of moat they created with the explicit intention to make web apps worse. Yes, exactly! Personally, I’m glad that Apple invests in this kind of R&D. T…

> this would be a lot more useful to me on mobile if I could hide or collapse the box. Are you referring to the code preview area? In my first implementation, I had a small demo re…

My favorite browser is Firefox, so I hope not. The examples didn't work in Safari either. Look cool in Chrome though.

> If any aspect of Liquid Glass is successful it will be when it’s used sparingly to delight in places that are low stakes and where other affordances are present I fully agree wit…

Your project looks awesome! I'm glad not to be the only one going 5+ layers deep into the shadows. The addition of Light Rays is particularly impressive!

I agree, even a very subtle texture makes a big difference!

Not anymore! We live in the golden age of display: grid; + place-items: center;

Just saw that you added this project to the spark-joy list. Thanks so much!

All good! Thanks for looking into it.

thank you!

Nice! Spark Joy looks like an awesome resource.

Yes thank you

I mean you are right...but I still want to make the nicest thing I can make for the web.

Thanks!

Interesting, no there are no scroll effects anywhere on the page. Would you mind sharing what device, browser, and level of internet connection you're using?

Thank you!

Thanks for stating my side of this trade-off and for the nice feedback!

True, but it wasn't meant to. I installed the 2nd beta on my phone as well and like it so far.

haha thanks!

So you need a video HTML tag with all of these attributes: and the CSS: .bg-video { position: fixed; z-index: -1; inset: 0; width: 100%; (don't set this to 100vw or you will have s…

Thanks, I hope it can be useful for people, especially when I make the library public.

I fully agree that Liquid Glass is almost impossible to replicate with browser technology without using 3D shaders. But I’m curious to know your opinion about why apps that rely on…

That is a very impressive attempt at Liquid Glass! The whole cross-browser and cross-platform bit is still a challenge sadly → "Only works on Impeller, so Web, Windows, and Linux a…