ExpandFrame

Aura Expand is an interactive image row for portfolios, fashion showcases, team pages, galleries, and editorial websites.

Hover over an image on desktop—or tap it on mobile—to expand it while the surrounding images smoothly contract and dim. Add, remove, or reorder images directly inside Framer, and the layout automatically adapts to your content.

Customize the row height, spacing, corner radius, expansion strength, resting width, opacity, grayscale effect, labels, animation speed, and colors without editing code. Mobile controls include a separate expansion amount, configurable breakpoint, and optional horizontal scrolling.

Key features

• Smooth hover-to-expand interaction

• Tap interaction for touch devices

• Automatic desktop and mobile behavior

• Supports any number of images

• Optional horizontal scrolling on mobile

• Separate mobile expansion control

• Adjustable mobile breakpoint

• Custom image, label, and link per item

• Optional grayscale effect for inactive images

• Adjustable inactive-image opacity

• Animated labels with gradient overlays

• Configurable row height, gap, and radius

• Adjustable transition speed

• Optional reset when the cursor leaves

• Responsive images with optimized srcSet

• Static preview and export support

• No external dependencies