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.
Tools can drastically change process, velocity and output, but if you want to do anything meaningful, they’re not a substitute for understanding.
Even if have a calculator, you should still learn long division.
Just over a year ago I started experimenting with pulling raw pen data off my reMarkable tablet. It stores every stroke as binary vector data with per-point pressure, speed, direction. Built a small pipeline to parse and clean it into JSON and a web renderer to animate doodles
This account shares behind-the-scenes development of Flipper hardware and software — engineering progress, technical challenges, debugging, and experiments while building Flipper One and related tools.
⚠️Posts here will be deeply technical and written by the R&D team.
Sometimes we’ll ask the community for help with specific problems. Look for the hashtag #FlipperHelpWanted if you want to join the development process.