About
Interactive WebGL ink shader background for React: crimson ink suspended in black and lit like anodized metal. Move the pointer to stir it and click to drop ink that rings outward; when idle the light drifts on its own. Raw WebGL2 with no three.js, React is the only import, and content sits on top as children.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Interactive Ink Shader Background to your project and fits it to your theme.
Code
How Interactive Ink Shader Background is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
"use client"
import AnodizedInk from "@/components/ui/anodized-ink"
export default function Demo() {
return <AnodizedInk />
}
















