Auxin Canal

A full-bleed animated hero background whose SVG vein network grows through the empty space around the headline, CTAs, and stat strip using a space-colonisation algorithm, then drains and regrows in an endless cycle.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Auxin Canal to your project and fits it to your theme.

import { AuxinCanal } from "@/components/ui/auxin-canal";

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