---
title: "Scroll Parallax — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Aidan Looker · Effects. What is Scroll Parallax?"
canonical: "https://framer.elliotli.dev/component/scroll-parallax"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Scroll Parallax

# Scroll Parallax

Feature showcase with parallax.

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

![Scroll Parallax preview image 1](https://framer.elliotli.dev/og/component/scroll-parallax/b6e4ad0dee52d86d/1600x1200.jpg)

## Summary

What is Scroll Parallax?

## Description

## What is Scroll Parallax?

Scroll Parallax is a premium scroll-driven feature showcase component for Framer. It combines a sticky media panel with a vertically scrolling content rail, where each feature activates based on scroll position. As users scroll, images crossfade with parallax depth, statistics animate up from zero, and a progress rail tracks position — creating a polished editorial experience. Perfect for SaaS landing pages, product feature sections, portfolio case studies, and startup pitch sites.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Scroll-driven activation with sticky image panel and smooth crossfade transitions between feature images
    
-   Animated statistics that count up from zero with eased motion each time a feature enters the active position
    
-   Cursor-reactive image panel with 3D tilt perspective, border glow, and radial light tracking on hover
    
-   Vertical progress rail with pulsing active dot, gradient fill segments, and pass-state indicators
    
-   Six built-in colour themes (Dark, Blue, Indigo, Emerald, Rose, Amber) plus a full custom colour mode
    

## Controls inside Framer

### Features

-   Features array (up to 10 items, each with icon, label, title, description, stat value, stat label, and responsive image)
    
-   Icon selector with 12 built-in SVG icons (Lightning, Paintbrush, Rocket, Shield, Puzzle, Globe, Star, Heart, Code, Chart, Link, or None)
    

### Theme

-   Theme preset (Dark, Blue, Indigo, Emerald, Rose, Amber, Custom)
    
-   Image Side toggle (Left or Right)
    

### Custom Colors (visible when theme is set to Custom)

-   Text, Text Muted, Accent, Card BG, Line
    

### Layout

-   Scroll per Feature (150–600px, controls scroll distance per step)
    
-   Feature Gap (16–80px)
    
-   Image Width (30–60%)
    

### Typography

-   Title Font
    
-   Description Font
    
-   Label Font
    
-   Stat Font
    
-   Stat Label Font
    
-   Counter Font
    

### Visibility

-   Image Panel
    
-   Progress Rail
    
-   Icons
    
-   Labels
    
-   Descriptions
    
-   Stats
    
-   Counter Badge
    
-   Border Glow
    
-   Cursor Glow
    
-   Image Parallax
    
-   Progress Bar
    

## Best use cases

-   SaaS and product landing pages that need to present multiple features with visual depth and scroll-driven pacing
    
-   Portfolio and case study sections where each project or capability deserves its own spotlight with supporting imagery
    
-   Startup pitch sites and investor-facing pages that pair key metrics with feature narratives
    
-   Agency and studio service pages that walk visitors through capabilities with editorial precision
    

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [**contact@teampixel.com.au**](mailto:contact@teampixel.com.au).

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

-   All · #8520

## Details

- **Author**: Aidan Looker
- **Price**: $14.00
- **Published**: 2026-04-27
- **Updated**: 2026-06-13
- **Added**: 2026-04-24
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo