Ribbons · Ocean

Wide satin ribbons crossing the frame, each one shaded like a tube and drifting at its own pace.

Settings

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

Ribbon A#dffbff
Ribbon B#1c9bd6
Ribbon C#0f6fa8
Background#02101f
Ribbons4
Width0.09
Speed0.3
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 Ribbons styles