Framer Component

Framer Component

Animate anything.

Stagger everything.

Animate anything.

Stagger everything.

Stagger Reveal

Animation

Elevate landing page conversions by seamlessly staging elements as users scroll. This versatile wrapper allows you to effortlessly animate text, components, cards, or buttons.

Stagger in a row.

Switch direction to horizontal and your layers animate in side by side, still staggered, still scroll-triggered.

01

Drag component

on the canvas.

02

Connect to stagger up to 5 layers.

03

Modify settings on the right panel.

01

Drag component

on the canvas.

02

Connect to stagger up to 5 layers.

03

Modify settings on the right panel.

Structural Architecture

An array-based mapping system that allows you to sequence, reorder, and control up to 5 distinct content layers directly within the component layout.

Sizing & Flex Layout

A built-in layout panel offering independent width/height overrides (Fill, Fit, Fixed), flex alignments (Start, Center, End), and overflow clipping configurations.

Motion & Triggers

An interaction suite combining spatial layout variables (Gap, Y offset, Blur) with precise timing, velocity curves, and scroll- or load-based event triggers.

Supercharge

Your Workflow

Deploy this production-ready animation engine to your workspace instantly. Elevate your layouts with professional, high-conversion scroll interactions in one click.

Supercharge

Your Workflow

Deploy this production-ready animation engine to your workspace instantly. Elevate your layouts with professional, high-conversion scroll interactions in one click.

01 component

Stagger Reveal Animation — 2026

Create a free website with Framer, the website builder loved by startups, designers and agencies.