Animated WebGL backdrops, drop-in ready.

import OceanWave from "@/registry/infinity-ui/ocean-wave";

export default function OceanWaveDemo() {
  return <OceanWave className="h-screen w-full" />;
}

import SunsetGlow from "@/registry/infinity-ui/sunset-glow";

export default function SunsetGlowDemo() {
  return <SunsetGlow className="h-screen w-full" />;
}

import AuroraDream from "@/registry/infinity-ui/aurora-dream";

export default function AuroraDreamDemo() {
  return <AuroraDream className="h-screen w-full" />;
}

import MeshGradient from "@/registry/infinity-ui/mesh-gradient";

export default function MeshGradientDemo() {
  return <MeshGradient className="h-screen w-full" />;
}

import UndertonesOne from "@/registry/infinity-ui/undertones-one";

export default function UndertonesOneDemo() {
  return <UndertonesOne className="h-screen w-full" />;
}

import UndertonesTwo from "@/registry/infinity-ui/undertones-two";

export default function UndertonesTwoDemo() {
  return <UndertonesTwo className="h-screen w-full" />;
}

import UndertonesThree from "@/registry/infinity-ui/undertones-three";

export default function UndertonesThreeDemo() {
  return <UndertonesThree className="h-screen w-full" />;
}