Back to all resources
Implement Liquid Glass effects in Typescript with optic-lens
optic-lens
Published: 05 March 2026
Typescript
Category: development
Optical lens-style filter effects for the frontend. Supports multiple filters such as liquid glass, fisheye, magnifier, and more.
You can generate filter effects standalone, apply them to page elements, or create draggable elements directly.
Supports customizable size, curvature, border radius, edge softening, chromatic aberration, debug mode, and drag-and-drop.