Skip to content

component

Deriva Gallery

By Jane

Details

Summary

Scroll gallery that grows

Description

Most infinite-scroll galleries are the same shape: a flat filmstrip growing from a fixed point on one side. Deriva breaks that pattern images cascade diagonally out of whichever corner you choose, each tile leaning into the direction of travel, building a shingled stack instead of a straight band. Drag, scroll, or swipe, and the whole composition drifts and regrows in real time. Preview link How it works Bind Deriva directly to a Framer CMS Collection and it scales with however many images you have no manual re-numbering when the collection grows. Each tile grows exponentially as it approaches the corner it's rooted in, then recycles back into the stream, so the motion never repeats and never runs out. What you control Origin - bottom-left, bottom-right, top-left, or top-right; pick where the cascade grows from Tilt - how steep the diagonal leans Growth & Min Size - pacing of the exponential grow-in Aspect Ratio - the shape of each tile Scroll Speed & Smoothing - feel of the drift, from snappy to languid Drag toggle - enable or disable pointer/touch dragging Background & Z-Index - drop it into any layout without fighting a fixed navbar

Introduction

Scroll gallery that grows

Rank history

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

120014001600163518/148/228/309/79/15
  • All · #6351