Drops on glass · Ocean

Rain on a pane: droplets refract a soft colour field, each with a highlight, some running down.

Settings

What this style sets on Drops on glass. Highlighted values differ from the default.

Colour A#0f6fa8
Colour B#02101f
Density9
Size0.7
Run0.4
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 Drops on glass styles