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/ui

Usage

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>
  );
}