Mosaic Ken Burns image grid hero
A 3×2 mosaic image hero with staggered Ken Burns slow-zoom on each cell. Six photographs animate simultaneously at different speeds and directions, creating a living editorial grid. Use with any AI product, agency, or portfolio built in Bolt, Replit, Claude Code, or Lovable.
About this vibe coding template
A full-bleed mosaic of six photographs in a 3x2 grid, each slowly breathing with its own Ken Burns slow zoom at a different speed and direction so the mosaic is always visually alive and never settles into a predictable pattern. A centered white headline floats over the living grid, making this one of the most visually distinctive hero templates in the library. Paste into Bolt, Claude Code, Replit, or Lovable and tell your AI tool which photographs to use.
Common questions about this template
Which vibe coding tools work with this mosaic Ken Burns hero?
This template works with Bolt, Claude Code, Replit, and Lovable. Copy the HTML and paste it into your project, then ask your AI tool to replace the six placeholder images with your own portfolio photos, product screenshots, or brand imagery.
What type of landing pages suit a mosaic image hero?
Mosaic image heroes work best for photography portfolios, creative agencies, AI image tools, and premium brand landing pages where the product is visual. The grid format lets you showcase six different subjects or styles simultaneously without requiring a slider.
Can I change the number of images in the mosaic?
Ask Bolt, Claude Code, or Replit to change the grid layout. Tell the AI how many images you want and it will update the grid structure while keeping the Ken Burns animation effect on each cell.
How do I update the headline text on this hero?
Ask your vibe coding tool to update the headline text. Tell the AI what your brand statement or product tagline is and it will replace the placeholder text while keeping the centered overlay layout intact.
Use this AI coding template for
- ·Editorial and portfolio hero sections for agency and AI product sites
- ·Photography and visual brand hero sections
- ·Mosaic gallery hero sections for Bolt, Replit, and Claude Code projects