Aisol Glass Loupe

Aisol Glass Loupe
Aisol Glass Loupe

About Aisol Glass Loupe

Aisol Glass Loupe puts a round liquid-glass lens over the content you place inside it, bending and magnifying what sits beneath as it follows the pointer.

The lens can follow the pointer, rest at a set spot or drift on its own, and its size, zoom, edge thickness and tint are all in the panel. In Drift mode a pause button stops the movement.

Bending needs a Chromium browser, so Safari and Firefox get a clean frosted lens instead, and reduced motion and the canvas show the lens resting in place.

- Works over any content in its slot: images, headings, cards.

- Only the area inside the component is affected; the rest of your page is untouched.

- A highlight rim and a soft shadow give the lens depth, each with its own slider.

What you control

• Content slot

• Lens size, zoom, edge thickness, blur, tint

• Follow pointer, fixed or drift

• Rim and shadow strength

Limits: true refraction works in Chromium browsers (Chrome, Edge, Arc); Safari and Firefox show a frosted lens without magnification; on touch screens Follow keeps the lens at its rest spot, so use Drift or Fixed for phones; text under the lens is magnified, not re-laid out.

From Aisol Studio

Gradient Glow CTA
Aisol Spec Sheet
Aspect Video Frame
Aisol Tabs

Related Components

Vapor Generator
Noise Overlay
Geometric Scatter
Page Transitions