Dear frontend devs and UI designers. I bring you Liquid DOM, a complete and faithful implementation of Liquid Glass on the Web.
- Shape morphing
- All properties animatable
- Dynamic refraction and reflection
- Adaptive tint
- Adaptive specular highlight
- Dispersion
- Full html integration
- Super fast layout engine that works across Canvas and html
- Pointer event handling
- Framework and renderer-agnostic low level API
- High level React API
- Ootb @threejs and r3f integration
And lots more.
Read on for implementation details and demos.
Added two new Practical Demonstrations to https://t.co/51EnluPYHn, including a deep dive on the Library Card designer and inventing a new kind of control ∞
Enjoy!
I made a camera app called Roll.
Every day you unbox a random film roll that changes what you shoot. No perfect edits.
Just small creative constraints that make you notice more.
Launching today on the App Store.
Check out this small trailer.. With sound.. 💛
Get it here:
https://t.co/10hLlyyLdT
I feel like this could be turned into a cool hero effect for a component library site. Where you move your cursor to tear between the design and the code.... 🤔
Introducing Loading UI ⏳
if your loading state is just <Loader2 /> it's for you
→ 35+ components
→ shadcn compatible
→ simplest api, fully customizable
free and open-source
install, customize, plug-in
check at loading-ui(.)com 🔥