Media

Parallax photo columns

A full-bleed wall of drifting photo columns in 3D perspective where tiles brighten and lift under the cursor or keyboard focus while their column pauses.

Plate drift wall

Hover or focus a plate to pause its column. Tab to walk the wall.

Using Parallax photo columns

A full-bleed wall of drifting photo columns in 3D perspective where tiles brighten and lift under the cursor or keyboard focus while their column pauses.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: columns, driftSpeed, tilt, overlayColor, pauseOnHover

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

2741Morph image carouselMediaA full-bleed image carousel where slides do not cut or slide past each other but visually melt and warp into the next.

2744Orbiting image spiralMediaA stack of square photos arranged around an invisible spiral that turns continuously, each photo scaling, sharpening or blurring by how close it sits to the front.

2298Android device frameMediaA vector Android phone bezel that frames a photo or looping video inside its screen with correctly rounded corners.

2308Browser window frameMediaA desktop browser window mockup with traffic-light dots and an address bar that frames a screenshot or looping video as its page content.

2329Cursor magnifier lensMediaA round lens follows the pointer over an image and magnifies only the small patch beneath it, like a handheld loupe.

2352Experience ShelfMediaA horizontally scrolling shelf of photo cards, each with a save button, badge, rating and price, that scrolls smoothly with arrow buttons or a swipe.