Cambium Lay

An animated SVG tree cross-section that grows tree rings outward year by year, complete with a lean, lobed shape, and a healing scar, for use as a decorative or generative background illustration.

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

import { CambiumLay } from "@/components/ui/cambium-lay";

export default function Preview() {
  return (
    <div className="w-full h-screen bg-background text-foreground">
      <CambiumLay className="w-full h-full" />
    </div>
  );
}