Stars Background
A dark, interactive background featuring animated dots of varying sizes and speeds, simulating a dynamic and immersive starry space effect.
Installation
Props
StarsBackground
| Prop | Type | Default |
|---|---|---|
children? | React.ReactNode | - |
className? | string | - |
factor? | number | 0.05 |
speed? | number | 50 |
transition? | SpringOptions | { stiffness: 50, damping: 20 } |
starColor? | string | #fff |
StarLayer
| Prop | Type | Default |
|---|---|---|
count? | number | 1000 |
size? | number | 1 |
transition? | Transition | { repeat: Infinity, duration: 50, ease: "linear" } |
starColor? | string | #fff |
Credits
- Credits to umangladani for the inspiration