---
title: "PortfolioScroll — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Hamim Reza · Carousels. Infinite scroll portfolio"
canonical: "https://framer.elliotli.dev/component/portfolioscroll"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/PortfolioScroll

# PortfolioScroll

Infinite scroll portfolio

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

![PortfolioScroll preview image 1](https://framer.elliotli.dev/og/component/portfolioscroll/3430adc7295c843a/1600x1200.jpg)

## Summary

Infinite scroll portfolio

## Description

An infinite vertical portfolio slider with a 60/40 split-screen layout — full-screen media on the left, project info cards on the right. Parallax, snap-to-project, blur fade on bottom cards, and image and video support. Built for creative portfolios, product galleries, case studies, and photography showcases that need an immersive infinite scroll experience.

### Features

-   Infinite vertical scroll with seamless looping in both directions
    
-   Split-screen layout — 60% media panel, 40% project info panel
    
-   Large project number overlay on media panel
    
-   Project info cards — title, category, year, description, tags and external link
    
-   Thumbnail preview of next project in info panel
    
-   Parallax on main media and thumbnail previews independently
    
-   Snap-to-project with cubic easing after scroll stops
    
-   Blur and fade effect on bottom project cards
    
-   Backdrop blur on project info cards
    
-   Image and video support per project — MP4, WebM, MOV
    
-   Virtual scrolling — only visible projects plus buffer rendered
    
-   Touch, drag and wheel scroll support
    
-   Mobile responsive — vertical stacked layout under 768px
    
-   Configurable scroll speed, smoothness, buffer size, max velocity and snap duration
    
-   Full color controls — background, panel, text, accent, number color
    
-   Typography controls — title, body and number fonts
    
-   Image scale control for parallax depth (1–3)
    
-   Unlimited projects via array
    
-   No dependencies
    

### Property Controls

**Projects**

-   Unlimited projects · media type, image, video, title, category, year, description, tags, link per project
    

**Scroll**

-   Scroll Speed (0.1–2) · Smoothness (0.01–0.2) · Buffer Size (2–10)
    
-   Max Velocity (50–300) · Snap Duration (100–1000ms)
    

**Visual**

-   Background · Minimap BG · Text Color · Accent Color · Number Color
    

**Typography**

-   Title Font · Body Font · Number Font
    

**Effects**

-   Image Scale — parallax depth factor (1–3)
    

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

-   All · #2923

## Details

- **Author**: Hamim Reza
- **Price**: $15.00
- **Published**: 2026-06-21
- **Updated**: 2026-06-24
- **Added**: 2026-06-21
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow