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