> ## Documentation Index
> Fetch the complete documentation index at: https://docs.livehub.gg/llms.txt
> Use this file to discover all available pages before exploring further.

# Carousel

> A horizontal, swipeable row of image cards with links

The Carousel block is a horizontal, swipeable row of image cards. It's a
compact way to showcase several things — products, videos, highlights —
without stacking them down the page.

<Frame caption="A swipeable row of image cards, each with a caption and an optional link.">
  <img className="block dark:hidden" src="https://mintcdn.com/livehub/K5-wIuGvUb-0AHlh/images/pages/blocks/block-carousel.svg?fit=max&auto=format&n=K5-wIuGvUb-0AHlh&q=85&s=279ccdaf19245eafefb46026f0774c45" alt="Carousel block: a horizontal row of image cards with captions and scroll dots" width="600" height="272" data-path="images/pages/blocks/block-carousel.svg" />

  <img className="hidden dark:block" src="https://mintcdn.com/livehub/K5-wIuGvUb-0AHlh/images/pages/blocks/block-carousel-dark.svg?fit=max&auto=format&n=K5-wIuGvUb-0AHlh&q=85&s=ae94ac7b15fe81753c25d5234572f2ea" alt="Carousel block: a horizontal row of image cards with captions and scroll dots" width="600" height="272" data-path="images/pages/blocks/block-carousel-dark.svg" />
</Frame>

## Settings

A carousel holds a list of cards. For each card:

* **Image** — the picture for the card.
* **Caption** *(optional)* — a short label under the image.
* **Link** *(optional)* — a URL to open when the card is tapped.

Add, remove, and reorder cards to shape the row.

## Tips

* Great for a "shop" or "watch" strip where each card links somewhere
  different.
* For a single, larger image, use the [Image](/pages/blocks/image) block.

<Card title="All blocks" icon="shapes" href="/pages/blocks">
  Back to the block reference.
</Card>