Skip to content

component

PortfolioScroll

By Hamim Reza

Details

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)

Introduction

Infinite scroll portfolio

Rank history

Daily rank per list, from the first snapshot — lower is better.

1501100110508/148/228/309/79/15
  • All · #1050