Mesh Gradient Shader

// Demo for the NLACE Mesh Gradient background component
import { MeshGradient } from "@/components/ui/mesh-gradient-shader";

const settings = {
  speed: 10,
  intensity: 2,
  grain: 0.75,
};

export default function DemoOne(props: Partial<typeof settings>) {
  const s = { ...settings, ...props };
  return (
    <div style={{ position: "relative", width: "100%", height: "100vh" }}>
      <MeshGradient speed={s.speed} intensity={s.intensity} grain={s.grain} />
    </div>
  );
}