Components
A full-screen WebGL hyperspace warp animation with glowing bloom light streaks, usable as an animated page background.
Loading preview...
import { LightSpeed } from "@/components/ui/light-speed";
export default function LightSpeedDemo() {
return (
<div className="relative h-[500px] w-full overflow-hidden rounded-xl bg-black">
<LightSpeed lightColor="#b026ff" speed={2.4} particleCount={1000} />
<div className="pointer-events-none absolute inset-0 flex items-center justify-center">
<h1 className="font-mono text-5xl font-bold uppercase tracking-widest text-white sm:text-7xl">
Light Speed
</h1>
</div>
</div>
);
}