About
This "Digital Petals" shader generates a field of bio-luminescent, procedurally generated flora. The animation is interactive, causing the petals to bloom and ripple outwards in response to your mouse movements, creating an ethereal and organic digital garden.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Digital Petals shader to your project and fits it to your theme.
Code
How Digital Petals shader is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import DigitalPetalsShader from "@/components/ui/digital-petals-shader";
export default function Demo() {
return (
<div className="h-screen w-screen">
<DigitalPetalsShader />
</div>
);
}
















