Skip to content
Catalog
CONTENTS:Telescope Hero

Telescope Hero

An immersive 3D-like focal parallax landing section. Orchestrates multiple visual layers positioned at simulated physical depths that drift and telescope at varying relative velocities as the user scrolls, creating a remarkable illusion of optical depth.

Dependencies:
framer-motion
Loading preview...

Examples

Select a preset to load into preview

Installation

pnpm add framer-motion

Props

PropertyTypeDefaultDescription
quotestring"Life is either a daring adventure or nothing at all"Main typography quote statement animated through optical parallax depths.
bgImagestring"mountains-wallpaper.jpg"Panoramic backdrop image revealed at final zoom depth.