Fieldbook
Sign in

Media

Swipeable slide deck

A single-item-at-a-time slide viewer with round previous and next buttons, keyboard arrow support and snap-aligned swipe scrolling.

Using Swipeable slide deck

A single-item-at-a-time slide viewer with round previous and next buttons, keyboard arrow support and snap-aligned swipe scrolling.

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: slideCount, loop, accentColor, showCounter

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 preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

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.
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.
Halftone print loupe
2735Halftone print loupeMediaA picture rendered as a screen of printed ink dots, with a round loupe under the pointer where the dots dissolve back into the smooth original.