---
title: "Chronos Scroll Stack — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Agie Faishal · Backgrounds. Bring the iconic, cinematic \"Apple product page\" experience to your Framer projects in seconds with the Chronos Scroll Stack."
canonical: "https://framer.elliotli.dev/component/chronos-scroll-stack"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Chronos Scroll Stack

# Chronos Scroll Stack

Cinematic Apple-style scroll depth

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

![Chronos Scroll Stack preview image 1](https://framer.elliotli.dev/og/component/chronos-scroll-stack/fcf834bfae055a85/1600x1200.jpg)

## Summary

Bring the iconic, cinematic "Apple product page" experience to your Framer projects in seconds with the Chronos Scroll Stack.

## Description

Bring the iconic, cinematic "Apple product page" experience to your Framer projects in seconds with the **Chronos Scroll Stack**.

Chronos is a highly performant, scroll-driven sticky gallery. As your users scroll down the page, the current image seamlessly scales down, dims into the background (creating a 3D depth effect), and allows the next image to beautifully slide up and overlap it.

Building this effect manually in Framer can take hours and often results in scrolling lag. Chronos solves this by utilizing pure React and Framer Motion's advanced useScroll hooks, tied directly to GPU-accelerated properties for a buttery-smooth 60fps scrubbing experience.

**Premium Features:**

-   **Cinematic Depth Stacking:** Automatic scale-down and dim-opacity effects as images get pushed back.
    
-   **1:1 Scroll Scrubbing:** The animation follows the user's scroll wheel perfectly. Includes a "Smooth Scrub" option to add a subtle spring physics delay.
    
-   **Ultra-High Performance:** Engineered with Framer's strict marketplace standards. Uses useIsStaticRenderer and hardware acceleration (transform/scale) to ensure zero lag in the editor and on the live site.
    
-   **Zero Dependencies:** Pure Framer Motion magic. No heavy external libraries.
    
-   **Fully Customizable:** Adjust the scroll distance, scale ratio, dim opacity, and corner radius directly from the Framer properties panel.
    
-   **CMS Ready:** Effortlessly connect your Framer CMS collection to generate unlimited stacked layers.
    

**Perfect for:** SaaS feature showcases, premium product landing pages (like hardware or physical goods), and high-end creative portfolios.

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

-   All · #2301

## Details

- **Author**: Agie Faishal
- **Price**: $9.00
- **Published**: 2026-06-22
- **Updated**: 2026-06-22
- **Added**: 2026-06-22
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background