Backgrounds & Visuals
Analog Film
Cinematic 35mm film grain with moving grain layer and gradient spotlights.
noisefilmanaloggraincinematic
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
backgroundColor | string | #1a1a1a | Background color |
gradientFrom | string | #000000 | Gradient start color |
gradientVia | string | #1a1a1a | Gradient middle color |
gradientTo | string | #000000 | Gradient end color |
gradientOpacity | number | 0.8 | Gradient opacity |
blob1Color | string | #fbbf24 | First blob color |
blob1Size | string | 32rem | First blob size |
blob1Blur | string | 120px | First blob blur |
blob1Opacity | number | 0.3 | First blob opacity |
blob2Color | string | #dc2626 | Second blob color |
blob2Size | string | 28rem | Second blob size |
blob2Blur | string | 100px | Second blob blur |
blob2Opacity | number | 0.25 | Second blob opacity |
noiseOpacity | number | 0.4 | Noise overlay opacity |
noiseBaseFrequency | string | 1.2 | Noise base frequency |
noiseOctaves | number | 3 | Noise octaves |
noiseAnimationDuration | number | 0.05 | Noise animation duration |
text | string | Film | Text label |
textColor | string | rgba(255, 255, 255, 0.9) | Text color |
className | string | Additional CSS classes |