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-stars

Properties

| 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 (⚠️ ] 0 ; 2 [ ) | number | 0.5 | | maxSize | Star's maximum size for our randomizer (⚠️ ] 0 ; 2 [ && > minSize ) | 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 |