---
title: "Landing Cascade — Free Framer component · Best of Framer"
description: "Free Framer component · by Shivani Sharma · Effects. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/landing-cascade"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Landing Cascade

# Landing Cascade

Hero Animation

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

![Landing Cascade preview image 1](https://framer.elliotli.dev/og/component/landing-cascade/7f8705ccc935f3a0/1600x1200.jpg)

## Summary

Hero Animation

## Description

A staggered image reveal for hero sections, built for moments that need to feel alive on load.

Images cascade in one after another. On exit, they disappear in the same staggered rhythm instead of vanishing at once. Once animation is over images scatter into an organic arrangement around your text, then settle. Hover any image and it scales up smoothly, pulling focus without breaking the layout.

**Use it for:** portfolio heroes, agency landing pages, photography showcases, brand intros, anywhere a static grid of images would feel flat.

**How to use:** Drop it onto your canvas, swap in your own 7 images, and edit the text to match your content.

**Note:** Built for desktop and laptop screens. The layout depends on full-size images holding their aspect ratio, shrinking them down for mobile would mean tiny, cramped photos that lose the impact this component is built for. For best results, use this on desktop breakpoints only.

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

-   All · #729

## Details

- **Author**: Shivani Sharma
- **Published**: 2026-06-20
- **Updated**: 2026-08-02
- **Added**: 2026-06-20
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows