Skip to content

component

Image Sweep

By Fabian Albert

Details

Summary

Property Controls & Features Scroll-based image sweep (↑ ↓ ← →) Optional directional parallax Sticky or internal scroll mode Multi-image stacking Per-image focal point Scroll…

Description

ImageSweep is a scroll-driven image reveal component that stacks multiple images in a single viewport and sweeps between them as you scroll. Images are progressively clipped to create clean directional transitions (Up, Down, Left, Right), with optional depth-based parallax for added motion. Use it as a sticky, page-scroll interaction or as a self-contained scrollable block. Designed to feel intentional even before content is added, it includes a polished empty state and canvas-safe defaults. Property Controls & Features Scroll-based image sweep (↑ ↓ ← →) Optional directional parallax Sticky or internal scroll mode Multi-image stacking Per-image focal point Scroll snapping Toggle-able scrollbar Responsive by default

Introduction

Beautiful scroll sweep animations

Rank history

Daily rank per list, from the first snapshot — lower is better.

110012001300139338/148/228/309/79/15
  • All · #3800