Item Scroller
Dynamic vertical scroller for Framer. Auto-scrolls and loops up to 20 items. Fully customizable with unique backgrounds, icons, and text styles.
Made with Workshop
Build your own component with AI
Dynamic vertical scroller for Framer. Auto-scrolls and loops up to 20 items. Fully customizable with unique backgrounds, icons, and text styles.
Made with Workshop
Build your own component with AI
This Item Scroller is a highly versatile and customizable Framer component designed to showcase a list of items with an elegant vertical scrolling effect. Perfect for testimonials, featured content, or dynamic hero sections.
Dynamic Auto-Scroll: Add up to 20 items that automatically scroll vertically, creating an engaging and modern user experience.
Fully Customizable Items: Each item can be configured with a unique title, a description, and a captivating background image.
Text & Style Control: Easily adjust the font family and HTML tag (e.g., h1, h2, p) for both the title and description to perfectly match your brand's typography.
Interactive Controls: Users can manually scroll through items using the dedicated up and down arrows. The component also includes a pause/play feature, activated by a simple click (on desktop) or a hold gesture (on touch devices).
Customizable Icons: Personalize the look with custom SVG icons for the divider, arrows, and pause button. You have full control over the stroke width and color of all icons, ensuring they align with your design.
Advanced Styling:
Spacing: Adjust the spacing between items and between the title and description.
Image Overlay: Apply a semi-transparent overlay to background images with adjustable color, opacity, and blur for a polished effect.
Gradient Fade: The top and bottom of the scroller feature a customizable gradient fade to ensure a smooth transition between items.
Speed Control: Fine-tune the scroll speed and the fade speed between background images.
With its extensive customization options and smooth performance, the Item Scroller is an essential tool for creating engaging and professional Framer websites.
