Ripple pane · Ocean

Rings spreading through glass from two or three points, bending a gradient and lighting up on the crests.

Settings

What this style sets on Ripple pane. Highlighted values differ from the default.

Colour A#052b4a
Colour B#dffbff
Light#ffffff
Rings9
Amplitude0.6
Sources2
Speed0.4
Grain0.03

Ship it

Open it in the studio, tune it, then export a self-contained component for React, Vue, Svelte, Astro, Solid or vanilla JS, a PNG, GIF or video. Code export and 4K media are Pro.

Open in studio

More Ripple pane styles