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).
color={true}
speedA
speedB
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 };