https://framer.com/m/Parallax-Carousel-1L2Nqv.js
Io / Enhancements / ScrollCarousel
ScrollCarousel
ScrollCarousel lays a row of picture cards across the page and moves them past each other at different rates as the reader scrolls.
Examples
Live specimens for every control the component exposes.
Default
Each card carries a title, a subtitle, a picture and an optional link. Card size, radius, padding and shadow are set once for the whole row.
Card size
cardWidth and cardHeight set the shape of every card in the row; borderRadius and shadow finish them.
300 × 380
400 × 500
radius 8
Type and links
Title and subtitle each take their own font and colour. enableClicks turns the cards into links, and openInNewTab decides where they land.
Playfair titles
clicks off
same tab
Props
The controls exposed on the instance panel.
Usage
Guidance carried over from the component definition.
Reach for ScrollCarousel
A set of projects or products should move past the reader as they scroll.
The cards are fixed content rather than CMS items.
Each card needs a picture, two lines and a link.
Cards should keep their own titles and links rather than being pure images.
Reach for something else
Readers should drag or swipe — use Carousel.
The set comes from a collection.
You need one large image with thumbnails — use CMSGallerySlider.
Io — Enhancements
Every specimen above is a live component instance. Colour, type and radius resolve from the project theme tokens.