Hyperdrive
Warp speed hyperspace travel effect with interactive controls.
Properties
1.5
Animation speed multiplier
500
Number of stars in the field
#ffffff
Color of the stars
0.5
Length of star trails
forward
Direction of travel
true
Enable mouse interaction
Installation
npm install @reactomega/uiUsage
import { Hyperdrive } from '@reactomega/ui';
export default function App() {
return (
<div className="relative w-full h-screen">
<Hyperdrive speed={1.5} starCount={500} interactive />
</div>
);
}