Components
A full-screen React component that uses three.js and a custom GLSL fragment shader to render a dynamic, metallic, wavy surface animation.
npx @21st-dev/cli add dhileepkumargm/wavy-shader-animationLoading preview...
import WavyShader from "@/components/ui/wavy-shader-animation";
export default function DemoOne() {
return (
<div className="relative w-screen h-screen bg-background overflow-hidden">
<WavyShader speed={0.015} className="absolute inset-0" />
</div>
);
}