Components
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).
Loading preview...
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 };