Components•Draggable rope
Components•Draggable rope
Draggable rope
A GSAP Draggable rope interaction with rotation bounds, inertia, and a gravity-like return swing. It is built as a playful physics input that can hold custom icons or product objects.
Dependencies
Copy below cli
npx shadcn add @bjork-ui/draggable-ropeHow to use
import { DraggableRope } from "@/components/isaiahbjork/interactive/draggable-rope";export function Demo() { return <DraggableRope gravity={18} initialAngle={8} />;}