Components
Wavy Shader Animation
A full-screen React component that uses three.js and a custom GLSL fragment shader to render a dynamic, metallic, wavy surface animation.
import WavyShader from "@/components/ui/wavy-shader-animation";
const settings = { speed: 0.01 };
export default function Demo(props: Partial<typeof settings>) {
const s = { ...settings, ...props };
return (
<div className="h-screen w-screen">
<WavyShader speed={s.speed} />
</div>
);
}