Gradient
An easy beautiful gradient.
Importing
1
import { Gradient } from '@infinityfx/fluid';Usage
Mesh gradient
API reference
Gradient Props
stops
string[]
Required
An array of color stop values (hex, rgb, etc.).
type?
'linear' | 'radial' | 'mesh'
'linear'
The layout of the gradient.
angle?
number
0
The angle of the linear gradient in degrees.
noise?
number
0.05
The opacity of the film grain noise overlay (0 to 1).
meshSeed?
string
''fluid''
Seed string used to randomly position mesh gradient points.
warp?
number
0
Amount of distortion to apply to the mesh gradient, using fractal noise.
warpScale?
number
1
Scale of the fractal noise distortion.