Savour Scroll

Zenora UI

Get Started

Savour Scroll·Galleries

npx zenora-ui-registry@latest add savour-scroll

Galleries

65 views•50 uses

Get this component

Copies the component into your project, installs what it needs, and pulls down its images. Nothing to download by hand.

npx zenora-ui-registry@latest add savour-scroll

Writes to components/zenora-ui/ by default; override with --dir. The file is yours to edit; there is no package to keep in sync.

Or let an AI agent pull it in for you. Set up the MCP server

A cinematic fluid scrolling gallery using dynamic sine waves, clip-path insets, and precise Lenis smooth scrolling.

KEY FEATURES

·Hardware-accelerated GSAP ScrollTrigger orchestration for buttery framerates
·Dynamic sine-wave mathematical positioning (Base, Flow, Detail waves)
·Integrated Lenis smooth scrolling for luxury inertia-based scroll feel

Props

4 properties

totalImagesnumber12

Total images spawned into the scroll path.

clipMaxnumber20

Maximum percentage of clipping applied to off-center images.

clipPowernumber2

Exponent for the clipping falloff curve.

imageBaseHeightnumber450

Base height of images (automatically responsive scaling).