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

# Carousel

<img style={{ borderRadius: '0.5rem' }} src="https://mintcdn.com/xquiz-12076fbf/DabTafNhExNz5i1G/images/carrossel.png?fit=max&auto=format&n=DabTafNhExNz5i1G&q=85&s=f29d73f434d00c54cb42ce1cea1d3781" width="1700" height="900" data-path="images/carrossel.png" />

The Carousel element allows you to display multiple images interactively, sliding between them like in a gallery. It's ideal for showing products, visual testimonials, screenshots, process steps, or any illustrated content.

**What it's for**

* Present multiple images in sequence.

* Display screenshots of a tutorial or result.

* Show products, services, or layouts.

* Create a gallery with visual testimonials or before and after.

**What you can configure**

**Images:**

* Add as many images as you want.

* To add more images, just duplicate one of the existing blocks.

* Each image can have an optional title.

**Animation:**

* Choose the animation type for the carousel entry (e.g., Appear).

**Usage tip!**

Use the carousel to make your page more dynamic and visual.
It works super well when you want to show different angles of a product, process steps, or a sequence of screenshots.
Just be careful not to overdo the quantity, the ideal is to keep the experience smooth and light for the visitor.
