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 Item Links: Transform your scroller into a navigation hub by assigning unique links to items. Users can simply click the active text to seamlessly navigate to internal pages, specific scroll sections, or external URLs.
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.
Refunds: Please note that due to the digital nature of this product, all sales are final. You can review my full Refund & Cancellation Policy [here].
Lennart Ahlfeldt
