PortfolioScroll

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)