ASCII KNOT

Animated ASCII trefoil knot with optional colored tube segments. Pass the prop `color={true}` to enable color; default is grayscale. Pass the props `speedA` and `speedB` to control the spin speed (optional).

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

import { KnotAnimation } from "@/components/ui/knot-animation";

const DemoOne = () => {
  return (
    <div className="flex w-full h-screen justify-center items-center">
      <KnotAnimation />
    </div>
  );
};

export { DemoOne };