[Framer component] Image Grid Assembly

Bring your images to life with dynamic, grid-based motion.

The Image Grid Assembly component splits any image into multiple tiles that scatter and animate smoothly into place — either on scroll or as they appear in view.

Perfect for immersive hero sections, gallery reveals, or storytelling visuals that grab attention as users scroll.

Fully customizable: control the number of rows and columns, gaps, animation timing, stagger, scatter distance, rotation, and opacity for endless variations.

Key features

• ⚡ Scroll or Appear Animation – Trigger motion on scroll progress or viewport entry.

• 🎞️ Grid-based Reveal – Split your image into a customizable grid of tiles.

• 🎯 Fine-tuned Motion Control – Adjust scatter distance, rotation, stagger delay, duration, and opacity.

• 🧠 Framer-native Controls – Easily tweak settings directly from the Framer properties panel.

• 🎨 Design-ready – Works perfectly in fixed or responsive layouts to add cinematic motion to your designs.

Ideal for: landing pages, creative portfolios, section transitions, and any moment where you want visuals to assemble dynamically as users scroll.