Animated Stars Background
React Animated Stars Background, simple to use
Wrap it around any component to display a Galaxy Background !
Start customizing it using the proprieties descibed below
Features
- Import the React Component and use it as a Wrapper
- Dynamic controls (see properties )
Installation
npm install react-animated-starsProperties
| Propertie Name | Description | Type | Default Value |
|---|---|---|---|
| starCount | Total number of stars ( high value affect performance ) | number | 150 |
| rotationSpeed | The rotation speed of stars ( high value affect performance ) | number | 0.01 |
| minSize | Star's minimum size for our randomizer ( |
number | 0.5 |
| maxSize | Star's maximum size for our randomizer ( |
number | 0.5 |
| opacity | Galaxy Backgound opacity | number | 0.9 |
| bgColor | Background color | string (Hex Code) | #000000 |
| starColor | Stars color | string (Hex Code) | #ffffff |
| innerRadius | Size of the empty star area | number | 100 |