Aisol Caustics

A water-light background for Framer: moving light patterns like sunlight through water, drawn live on the GPU behind your section.

What you get

- One Framer code component (Aisol Caustics), delivered as a Component URL.

- Six presets (Pool, Ocean, Dusk, Studio, Mono, Mint) plus Custom colours for light, mid, deep and background.

- A Content slot for your heading and buttons, which sit on top while the light stays behind them.

- Free updates.

How it behaves

- Speed, scale, softness and brightness are tunable; at speed 0 it draws one frame and stops.

- An optional pointer glow brightens the light near the cursor, only while the pointer is inside.

- It draws nothing while it is off screen or while the tab is hidden, and resumes when it comes back.

- Reduced motion and the Framer canvas show a still water pattern and never start WebGL.

- Without WebGL it shows the same still pattern instead of a blank box.

- Visitors can pause the motion with the Pause animation button or with Space/Enter when it has focus.

Limits

Needs WebGL for the moving pattern. It is a background, so keep text contrast in mind. A small Pause animation button sits in the bottom-right corner. One WebGL context per instance.

Requirements

Any Framer project. No plugins, no API keys.