A background component featuring an interactive gravity stars effect.
Made by imskyleenInstallation
Usage
API Reference
GravityStarsBackground
| Prop | Type | Default |
|---|---|---|
starsCount? | number | 75 |
starsSize? | number | 2 |
starsOpacity? | number | 0.75 |
glowIntensity? | number | 15 |
glowAnimation? | 'instant' | 'ease' | 'spring' | ease |
movementSpeed? | number | 0.3 |
mouseInfluence? | number | 100 |
mouseGravity? | 'attract' | 'repel' | attract |
gravityStrength? | number | 75 |
starsInteraction? | boolean | false |
starsInteractionType? | 'bounce' | 'merge' | bounce |
...props? | React.ComponentProps<"div"> | - |
Credits
- Credits to Brett Jackson for the initial Framer component.