Gradients
Grainient
Three colours blended along a slowly turning, sine-warped axis and covered in a heavy film grain - the printed-poster gradient.
Styles
8The same effect, configured 8 ways. Open one and keep tuning.
Controls
- Colour A#8b5cf6
- Colour B#f97316
- Colour C#0f0a1e
- Warp1
- Drift1
- Contrast1
- Speed0.3
- Grain0.1
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.