> Agent-readable docs index: /llms.txt. Download /docs.zip to grep all markdown files locally.
---
title: Marquee
description: Infinite scrolling content with customizable speed, direction, and fade edges.
icon: move-horizontal
---
# Marquee
Use `Marquee` to create an infinite scrolling loop of icons, logos, cards, or any content. Works well for partner logos, feature highlights, or testimonial carousels.
## Logo carousel
Scroll partner or integration logos using `img` tags with relative paths from your `public/` folder.
```mdx
```
Images resolve relative to your project root, so `/logos/vercel.svg` maps to `public/logos/vercel.svg`. You can also use relative paths like `./assets/logo.png` from the MDX file's directory.
## Icon marquee
Combine with `Icon` to scroll through icon sets.
```mdx
```
## Reverse direction
Scroll right instead of left.
```mdx
```
## Pause on hover
Hover to pause the animation.
```mdx
```
## No fade
Disable edge fading with `fade={false}`.
## Props
Time in seconds for one full scroll cycle. Controls perceived speed: `duration={10}` scrolls twice as fast as `duration={20}`. The actual pixel speed depends on how many children you have, since more items means more distance to cover in the same time.
Pause the animation when the user hovers over the marquee.
Scroll direction. Use `up` or `down` for vertical marquees.
Show a fade gradient at the edges.
Percentage of the container used for the fade gradient (0-100).
Gap between items in pixels.
Additional CSS classes applied to the outer container.
Content to scroll. Each direct child becomes a marquee item.
---
*Powered by [holocron.so](https://holocron.so)*