ORBIT UI

Tower Crane Reveal

Constructing Crane...
Required Dependencies
npm install gsap @gsap/react react-icons
Architecture & Setup
Copy these files into your codebase matching the structure below: src/ ├── css/ │ └── tower-crane-reveal/ │ └── variables.css ├── types/ │ └── tower-crane-reveal.types.ts ├── constants/ │ └── tower-crane-reveal.constants.ts ├── hooks/ │ └── gsap/ │ └── tower-crane-reveal/ │ ├── index.ts │ ├── animateTowerCrane.ts │ └── useTowerCraneRevealAnimation.ts └── components/ └── tower-crane-reveal/ ├── TowerCraneReveal.tsx ├── TowerCraneRevealLoader.tsx ├── CraneTower.tsx ├── CraneJib.tsx ├── CraneTrolley.tsx ├── CraneHook.tsx ├── PayloadContainer.tsx └── preview/ ├── index.tsx ├── Controls.tsx └── Presets.tsx

Animation Controls

Structural Presets

Preview Payload

Crane Rig Settings

1.00x

Physics & Forces

14°
45%
15%

Timing Controls

1.0x