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.