Ascii Donut

Rotating 3D ASCII donut on canvas with hue-shifting shading, idle-deferred init, and scroll/tab-visibility-aware pausing

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

import { AsciiDonut } from '@/components/ui/ascii-donut';

export default function AsciiDonutDemo() {
  return (
    <div className="flex items-center justify-center bg-black p-8">
      <AsciiDonut width={400} height={300} />
    </div>
  );
}