Fieldbook
Sign in

Media

Orbiting image spiral

A 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.

Using Orbiting image spiral

A 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.

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: itemCount, speed, radius, 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

Morph image carousel
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.
Parallax photo columns
2745Parallax photo columnsMediaA 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.
Android device frame
2298Android device frameMediaA vector Android phone bezel that frames a photo or looping video inside its screen with correctly rounded corners.
Browser window frame
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.
Cursor magnifier lens
2329Cursor magnifier lensMediaA round lens follows the pointer over an image and magnifies only the small patch beneath it, like a handheld loupe.
Experience Shelf
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.