Components
Loading preview...
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.
@dhiluxui
npx shadcn@latest add https://21st.dev/r/dhileepkumargm/warp-drive-shaderimport 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>
}