Warp Drive shader

This "Warp Drive" shader simulates the visual spectacle of traveling through a wormhole. It transforms the 2D plane into a dynamic, 3D-like tunnel of streaking starlight. The animation is fully interactive, allowing you to control the center of the warp effect with your mouse, bending and shifting the fabric of spacetime.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Warp Drive shader to your project and fits it to your theme.

import WarpDriveShader from "@/components/ui/warp-drive-shader";

export default function Demo() {
  return (
    <div className="h-screen w-screen">
      <WarpDriveShader />
    </div>
  );
}