Rows of images that widen as they scroll through view, then settle back down. Built for portfolios and project showcases that want some motion without turning the scroll into a ride.
What it does
Expansa lays your images out in rows. Each row widens as it crosses the viewport and narrows again once it's passed. The width eases toward the scroll position frame by frame instead of snapping to it, so it stays smooth on a trackpad flick or a fast scroll wheel.
Key features
Fit-to-Items mode builds exactly as many rows as your images need no forced repeats. A Repeat mode is there too if you want a denser, tiled grid.
Separate start/end widths for desktop and mobile, with your own breakpoint.
Growth Range control to stretch or compress how much scroll distance a row needs to fully expand.
Smoothing control lower for a slower, trailing feel, higher for something snappier.
Optional title/subtitle overlay per image, with full font controls.
Adjustable gaps, corner radius, and aspect ratio.
Renders a static preview in Framer's canvas and in exports, so it never tries to animate where there's no scroll to read.
Good for
Portfolio grids, case studies, agency project pages, photography and product showcases anywhere a static grid works but a little scroll-driven motion would help it land.