Next.js Flare

Next.js logo shader — a rim-lit N glyph with volumetric scattering: a 48-step ray walk jittered by blue noise over a separable Gaussian blur chain, breathing autonomously until the pointer takes over.

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

import Component from "@/components/ui/nextjs-flare";

export default function Default() {
  return (
    <div className="h-[640px] w-full overflow-hidden bg-black">
      <Component />
    </div>
  );
}