Backgrounds & Visuals
Holographic Shimmer
Color noise overlay with gradient creating a holographic shimmer effect.
noiseholographicshimmercolorgradient
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
backgroundColor | string | #0f172a | Background color |
gradientFrom | string | #6366f1 | Gradient start color |
gradientVia | string | #a855f7 | Gradient middle color |
gradientTo | string | #ec4899 | Gradient end color |
noiseOpacity | number | 0.5 | Noise overlay opacity |
noiseBaseFrequency | string | 1.5 | Noise base frequency |
noiseOctaves | number | 3 | Noise octaves |
noiseAnimationDuration | number | 0.1 | Noise animation duration |
shimmerOpacity | number | 0.3 | Shimmer overlay opacity |
shimmerColor | string | #ffffff | Shimmer color |
text | string | Holographic | Text label |
textGradientFrom | string | #6366f1 | Text gradient start color |
textGradientTo | string | #ec4899 | Text gradient end color |
className | string | Additional CSS classes |