Horizontal Showcase

Horizontal Showcase
Horizontal Showcase

About Horizontal Showcase

About Horizontal Scroll Showcase Pro

Turn vertical scrolling into a cinematic horizontal project showcase.

Horizontal Scroll Showcase Pro pins your portfolio section in place while project cards travel smoothly across the screen as visitors scroll. The centered project takes focus while surrounding cards scale, fade, rotate and blur to create a polished sense of depth.

Built for portfolios, creative agencies, studios, case studies, architecture, photography, products and editorial websites.

✦ Scroll-driven horizontal movement

Visitors simply scroll the page normally while your projects move horizontally through a pinned viewport.

Adjust scroll distance, speed and smoothing directly inside Framer.

✦ Cinematic card depth

Give surrounding projects their own visual state with:

  • Scale

  • Opacity

  • 3D rotation

  • Blur

  • Image parallax

  • Pointer-reactive tilt

  • Hover zoom

✦ Three layout styles

Switch instantly between:

  • Cinema

  • Editorial

  • Compact

Each preset changes the proportions and spacing while keeping your content intact.

✦ Built for real portfolios

Add up to 12 projects with:

  • Images

  • Project titles

  • Eyebrows/categories

  • Descriptions

  • Year

  • Links

  • Individual colors and accents

Includes an optional project counter and progress rail.

✦ Responsive by design

Desktop uses the full pinned horizontal-scroll experience.

On mobile, the component automatically becomes a touch-friendly horizontal gallery with native scrolling and snap-to-card behavior.

✦ Playground included

Enable the built-in Playground to let visitors experiment with layout, depth and scroll direction directly on the page.

Also includes reduced-motion support, static Framer Canvas/export rendering, responsive sizing and accessible project links.