Blocking Sled

An animated SVG illustration of a football blocking sled whose pads deflect under load and whose frame skids once drive overcomes friction, driven by real spring and friction physics rather than keyframes.

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

import BlockingSled from "@/components/ui/blocking-sled";

export default function BlockingSledDemo() {
  return (
    <div className="flex min-h-[420px] w-full items-center justify-center bg-background p-10">
      <BlockingSled behavior="drive" pads={5} size="lg" />
    </div>
  );
}