A hyperspace jump of streaking stars
| Name | Type | Default | Description |
|---|---|---|---|
width | number | string | "100%" | Width of the component in pixels or CSS value |
height | number | string | "100%" | Height of the component in pixels or CSS value |
speed | number | 1.0 | Animation speed multiplier |
primaryColor | string | "#FF5722" | Primary streak color in hex format |
secondaryColor | string | "#2196F3" | Secondary streak color in hex format |
tertiaryColor | string | "#4CAF50" | Tertiary streak color in hex format |
streakCount | number | 128 | Number of horizontal streak columns |
stretchFactor | number | 0.05 | Vertical stretch factor of streaks |
intensity | number | 1.0 | Overall intensity/brightness multiplier |
interactionEnabled | boolean | true | Enable compression on mouse click |
rotation | number | 0 | Rotation angle in radians |
fadePower | number | 2.0 | Distance-based fade multiplier |
opacity | number | 1.0 | Overall opacity (0-1) |
quality | "low" | "medium" | "high" | "medium" | Quality preset for performance/visual tradeoff |
maxFPS | number | 60 | Maximum frames per second cap |
pauseWhenOffscreen | boolean | true | Pause rendering when component is off-screen |
className | string | "" | Additional CSS classes |
children | React.ReactNode | undefined | Content to render on top of the effect |
widthnumber | stringWidth of the component in pixels or CSS value
"100%"heightnumber | stringHeight of the component in pixels or CSS value
"100%"speednumberAnimation speed multiplier
1.0primaryColorstringPrimary streak color in hex format
"#FF5722"secondaryColorstringSecondary streak color in hex format
"#2196F3"tertiaryColorstringTertiary streak color in hex format
"#4CAF50"streakCountnumberNumber of horizontal streak columns
128stretchFactornumberVertical stretch factor of streaks
0.05intensitynumberOverall intensity/brightness multiplier
1.0interactionEnabledbooleanEnable compression on mouse click
truerotationnumberRotation angle in radians
0fadePowernumberDistance-based fade multiplier
2.0opacitynumberOverall opacity (0-1)
1.0quality"low" | "medium" | "high"Quality preset for performance/visual tradeoff
"medium"maxFPSnumberMaximum frames per second cap
60pauseWhenOffscreenbooleanPause rendering when component is off-screen
trueclassNamestringAdditional CSS classes
""childrenReact.ReactNodeContent to render on top of the effect
undefined