---
title: "Item Scroller — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Lennart Ahlfeldt · Backgrounds. The Item Scroller is a versatile Framer component designed to showcase content with an elegant vertical auto-scrolling…"
canonical: "https://framer.elliotli.dev/component/item-scroller"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Item Scroller

# Item Scroller

Interactive Vertical Item Scroller

[View on Framer](https://framer.com/marketplace/components/item-scroller/?via=elliot-li)

![Item Scroller preview image 1](https://framer.elliotli.dev/og/component/item-scroller/b95390d1aaa007f0/1600x1200.jpg)

## Summary

The Item Scroller is a versatile Framer component designed to showcase content with an elegant vertical auto-scrolling effect and dynamic background transitions.

## Description

The Item Scroller is a versatile Framer component designed to showcase content with an elegant vertical auto-scrolling effect and dynamic background transitions. Ideal for testimonials, featured showcases, and dynamic hero sections.

**Key Features:**

-   **Dynamic Auto-Scroll:** Display up to 20 customizable items with smooth vertical transitions and adjustable scroll and fade speeds.
    
-   **Rich Item Customization:** Configure each item with a unique title, description, custom background image, and dynamic background overlay effects (color, opacity, blur).
    
-   **Interactive Controls:** Manual up/down navigation with integrated play/pause toggles (click on desktop, hold on touch devices).
    
-   **Interactive Item Links:** Assign custom links (internal pages, scroll anchors, external URLs) to convert scroller items into interactive navigation.
    
-   **Custom SVG Icons:** Full control over SVG icon strokes, colors, and styling for dividers, navigation arrows, and playback controls.
    
-   **Gradient Fades & Spacing:** Built-in top and bottom edge gradient masks for clean visual integration, plus full control over typography, HTML tags (H1-P), and spacing.
    

**Refund Policy:**

Due to the digital nature of this product, all sales are final. Please review the full Refund & Cancellation Policy before purchasing. You can find it [\[here\]](https://lennartworks.de/legal/refund-policy).

## Rank history [How rankings work →](/terms#rankings)

-   All · #8773

## Details

- **Author**: Lennart Ahlfeldt
- **Price**: $4.00
- **Published**: 2025-09-22
- **Updated**: 2026-07-27
- **Added**: 2025-08-30
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background