Sliced waves · Ember

A wave surface cut into thin slices that run into the distance: each slice a lit face with a bright top edge, the height rolling along the row.

Open in studio

Settings

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

Background#0c0402
High#fed7aa
Low#7c2d12
Edge#fff7ed
Slices16
Amplitude1
Edge light1
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 Sliced waves styles