Grid · 9 templates
Bento grid and image grid animation templates
Grid templates keep your work in tidy rows and columns and animate the grid itself: tiles trade places in a bento layout, cells flip or pop, one card zooms to fill the frame, or whole rows and columns scroll past like a ticker. Flat layouts with a near-orthographic camera keep type sharp, which suits UI screens and product pages.
Loops from 6 to 12 seconds, every one ending exactly where it starts.
All 9 Grid templates
Pick one to see it move and read what it suits.
Grid Reveal6s loopFour cards fade into a 2x2 grid one by one, hold, then leave in reverse order.
Spotlight Zoom12s loopA 2x2 grid where each card in turn zooms up to fill the grid while the rest dim.
Flip Grid8s loopGrid cells flip over one at a time to a second set of images, then flip back.
Pop Grid8s loopSix cards in a grid; each one in turn shrinks away and pops back with a soft overshoot.
Ticker Loop12s loopSlightly tilted rows of cards scroll in opposite directions like a news ticker.
Ticker Tilt12s loopRows of cards tilted back in perspective, scrolling opposite ways, together or staggered.
Column Drift12s loopColumns fill the width and drift in alternate directions, each starting at a different picture.
Feed Scroll10s loopCards enter at the bottom and flick upward in lanes, each new card covering the one above.- Bento Shuffle12s loopA bento layout of one big tile and smaller ones; every beat the tiles trade places and resize.