Woven Cloth

An animated iframe background that simulates a woven fabric swatch with a verlet-physics cloth simulation rendered in Three.js, wrapped for a hero or landing-page backdrop.

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

import WovenCloth from "@/components/ui/woven-cloth";

export default function WovenClothDemo() {
  return (
    <div className="relative h-[600px] w-full overflow-hidden rounded-xl bg-[#16090b]">
      <WovenCloth className="absolute inset-0 h-full w-full" />
    </div>
  );
}