Components
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.
npx shadcn@latest add https://21st.dev/r/dhileepkumargm/warp-drive-shaderLoading preview...
import WarpDriveShader from "@/components/ui/warp-drive-shader";
export default function DemoOne() {
return <div className="app-container">
<WarpDriveShader />
<div className="overlay-content">
<h1 className="title">Warp Drive</h1>
<p className="description">An Interactive WebGL Shader</p>
</div>
</div>
}