Fieldbook
Sign in

Layout

Spring drag carousel

A draggable card carousel that snaps to the nearest card with spring physics and can autoplay in a loop.

Using Spring drag carousel

A draggable card carousel that snaps to the nearest card with spring physics and can autoplay in a loop.

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: autoplay, autoplayDelay, loop, baseWidth, accentColor

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

Receding stack carousel
2411Receding stack carouselLayoutA carousel where cards recede into the distance behind the focused card, darkening and blurring the further back they sit.
Swipe away card deck
2446Swipe away card deckLayoutA fanned deck of photo cards you can drag or tap to send the top one to the back, one at a time.
Curved Scroll Wall
2330Curved Scroll WallLayoutA horizontally scrolling wall of photos rendered on a gently curved, bowed plane that keeps scrolling infinitely in either direction.
Expanding panel gallery
2351Expanding panel galleryLayoutA row of cover panels where hovering, clicking, or arrow-keying to one expands it to full width while the rest compress into slivers.
Split panes
1542Split panesLayoutTwo panes divided by a handle that resizes them by drag or arrow key, keeps a minimum size on both sides, and snaps back on double-click.
Drag split panels
2342Drag split panelsLayoutPanels divided by thin draggable handles that resize the adjacent panes in real time, arranged in a row or stacked.