Pane - Scroll Gsap
A Framer CMS portfolio section whose fixed project card changes to match the collection item centered in the viewport.
About Pane - Scroll Gsap
Pane - Scroll Gsap gives a scrolling project list a persistent point of reference. As the centered section changes, the fixed card updates its title, category, image and destination together.
The setup uses one component instance per collection item. Bound fields provide the project content, and a collection path combines with each slug to direct visitors to the corresponding detail page.
Component details
Creates a scroll-driven portfolio showcase from a Framer CMS Collection List.
The fixed card updates title, category, thumbnail and View More link as sections reach the viewport center.
The active project state follows the centered collection section.
Each item can use its own thumbnail and background image through the component’s CMS-bound properties.
Bind Number, Title, Category, Slug, Thumbnail, Background Image and Order. Set the collection path with leading and trailing slashes, such as /projects/.
Related components
View all
Built something worth finding?
Submit a site, template, component or tool built with any stack. We will add it to the atlas.