Carousels

Carousels are sets of slides sharing one region of the page, with controls that move through them a view at a time.

Get Pro to installPro6 blocksReact, Vue and Figma
MCPConnect the MCP server
Palm trees against a dusk sky over a lit pool
$650 night

Villa Anaya

Canggu, Bali

Timber cabin with a wide deck among tall trees
$280 night

Birch Hollow Cabin

Asheville, North Carolina

Jagged green ridge with wildflowers in the foreground
$190 night

Rifugio Seceda

Val Gardena, Dolomites

Mist over a deep green forest of firs
$240 night

Fogline Treehouse

Olympic Peninsula, Washington

Every block in the set#

Horizontal carousel

Galleries, product shots, listings: a row you page through

Horizontal carousel, Rail

Card rows that should show there is more: a listings rail

Horizontal carousel, Filmstrip

Featured items that need room: one big slide with its details

Vertical carousel

Feeds, stacked media, story-style browsing: a column you step through

Vertical carousel, Fold

Lists where every item should stay in view: rows that open where you are

Vertical carousel, Reel

Story-style reels: one tall slide at a time, with rotation you can stop

When to use#

  • A gallery where the images are the point, and looking at them is the task
  • Testimonials or logos, where no single item has to be seen
  • A narrow column where stacking the items would push the page down
  • Browsing with no fixed end, where a loop is the natural shape

The whole set, with its codePro

Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.