CrystalCursor

An interactive canvas-driven background where crystalline structures sprout and extend toward the mouse pointer. Clicking triggers a dynamic shatter effect, bursting crystals into particles for a fractal animation. Perfect for immersive hero sections, ambient overlays, or generative art pieces.

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

import CrystalCursor from "@/components/ui/crystal-cursor";

export default function DemoOne() {
  return (
    <CrystalCursor
      title="Aetherium"
      subtitle="Memories in glass"
      caption="Click to release them"
    />
  );
}