Steal this clean UI blueprint:
- Use SF Pro in regular and medium with -0.15px letter spacing
- Keep type to 12px, 13px, 14px, and 24px
- Build hierarchy with #292929, #5D5D5D, and #9E9E9E
- Size icons at 14px for navigation and 20px for cards
- Use 8px navigation, 16px cards, and rounded pill CTA radii
Simple systems make polished products.
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.