# GSAP Draggable Rope

> 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.

- Author: [Isaiah](https://21st.dev/@isaiahbjork)
- License: unknown
- npm dependencies: gsap
- Live preview: https://21st.dev/@isaiahbjork/components/gsap-draggable-rope

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/isaiahbjork/gsap-draggable-rope?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt