---
title: "Scroll Portfolio Pro — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Bode Chris · Interactive. Cinematic scroll-reactive project"
canonical: "https://framer.elliotli.dev/component/scroll-portfolio-pro"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Scroll Portfolio Pro

# Scroll Portfolio Pro

Cinematic scroll-reactive project

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

![Scroll Portfolio Pro preview image 1](https://framer.elliotli.dev/og/component/scroll-portfolio-pro/c500441ca8927a0f/1600x1200.jpg)

## Summary

Cinematic scroll-reactive project

## Description

## About Scroll Portfolio Index

**A cinematic scroll experience for modern portfolios.**

Scroll Portfolio Index transforms a standard portfolio list into an immersive, scroll-driven showcase. Portfolio titles travel through a pinned viewport with fluid inertia and velocity-reactive motion, creating the feel of a custom-built creative experience.

Hover over an item to bring it into focus and reveal its full-screen image or video preview. Surrounding titles fade away while the active title scales forward and its media takes over the background.

### Scroll that feels physical

Individual titles react to scroll velocity with configurable inertia, creating subtle elastic movement as visitors accelerate, slow down or reverse direction. Add dynamic skew for even more responsive motion.

### What you can control

-   **Up to 12 portfolio items** with titles, media and links
    
-   **Image + video previews**
    
-   **Vertical or horizontal** movement
    
-   **Typography** — font, size, weight, tracking and alignment
    
-   **Layout** — spacing, positioning, width and padding
    
-   **Scroll** — speed, distance and smoothness
    
-   **Inertia** — strength, decay, response and settling
    
-   **Dynamic skew** — amount, velocity and response
    
-   **Hover effects** — scale, opacity and timing
    
-   **Media** — scale, fit, fade and overlay
    
-   **Custom light + dark themes**
    
-   **Reduced-motion support**
    

Built for **creative agencies, studios, designers, photographers, architects and artists** who want the portfolio index itself to become part of the experience.

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

-   All · #2369

## Details

- **Author**: Bode Chris
- **Price**: $15.00
- **Published**: 2026-09-15
- **Updated**: 2026-10-02
- **Added**: 2026-09-15
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step