Grid Reveal Image
Required Dependencies
npm install gsap @gsap/react
Architecture & Setup
Copy these files into your codebase matching the structure below:
src/
├── css/
│ └── grid-reveal-image/
│ └── variables.css
├── types/
│ └── grid-reveal-image.types.ts
├── constants/
│ └── grid-reveal-image.constants.ts
├── hooks/
│ └── gsap/
│ └── grid-reveal-image/
│ └── useGridRevealAnimation.ts
└── components/
└── grid-reveal-image/
├── GridRevealImage.tsx
└── preview/
├── index.tsx
├── Controls.tsx
└── Presets.tsx
Animation Controls
Animation Presets
Grid Settings
8 Cols
8 Rows