Skip to content

component

Scroll Portfolio Pro

By Bode Chris

Details

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.

Introduction

Cinematic scroll-reactive project

Rank history

12515017518729/169/169/169/169/16
  • All · #872

More like this