Backgrounds & Visuals
Stardust
Floating particle noise with moving speckles creating a cosmic stardust effect.
noisestardustparticlescosmicfloating
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
backgroundColor | string | #0f172a | Background color |
gradientFrom | string | #1e293b | Gradient start color |
gradientTo | string | #0f172a | Gradient end color |
baseNoiseOpacity | number | 0.1 | Base noise opacity |
baseNoiseBaseFrequency | string | 0.8 | Base noise frequency |
baseNoiseOctaves | number | 3 | Base noise octaves |
layer1Opacity | number | 0.15 | First layer opacity |
layer1BaseFrequency | string | 1.2 | First layer frequency |
layer1Octaves | number | 3 | First layer octaves |
layer1ColorMatrix | string | 1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0 | First layer color matrix |
layer1BackgroundSize | string | 200px 200px | First layer background size |
layer1Duration | number | 20 | First layer animation duration |
layer2Opacity | number | 0.1 | Second layer opacity |
layer2BaseFrequency | string | 0.6 | Second layer frequency |
layer2Octaves | number | 3 | Second layer octaves |
layer2ColorMatrix | string | 1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0 | Second layer color matrix |
layer2BackgroundSize | string | 150px 150px | Second layer background size |
layer2Duration | number | 15 | Second layer animation duration |
text | string | Stardust | Text label |
textColor | string | rgba(255, 255, 255, 0.9) | Text color |
className | string | Additional CSS classes |