Components
Loading preview...
An engaging interactive pendulum that swings naturally with GSAP physics, allowing users to grab and drag the hanging element to interrupt and redirect its motion. Perfect for gaming interfaces, educational physics demonstrations, or creative landing pages that want to showcase interactive storytelling. It can be customized with different icons, sizes, and physics settings to fit various design needs while maintaining smooth, responsive animations across devices.
npx shadcn@latest add https://21st.dev/r/isaiahbjork/gsap-draggable-ropeimport { DraggableRope } from "@/components/ui/gsap-draggable-rope";
export default function DemoOne() {
return <DraggableRope />;
}