component
Rack Focus Scroll
By Jamie de Rooij

Details
- Jamie de RooijAuthor
- componentType
- $4.00Price
- 2026-08-03Published
- 2026-08-03Updated
- 2026-08-03Added
- GalleriesCategories
Summary
Mimicking the camera rack focus
Description
Rack Focus Gallery Scroll through your photos like a cinematographer racking focus between subjects, no keyframes, no timeline, just scroll. Drop in your photos, and each one gets its own moment: fully sharp, then a smooth rack-focus pull carries the eye into the next. Subjects don't cut, they resolve into each other, the way a lens shifts focus between a foreground and background subject. It doesn't cut, it racks. Most scroll galleries swap images with a hard cut or a flat crossfade. This one blurs and fades in the same breath your eye would take refocusing between two things in a room, softening out, sharpening in. Control how long each photo holds tack-sharp versus how much of the scroll is spent racking to the next, so you can build anything from a snappy slideshow feel to a slow, cinematic dissolve. Full customization Photos Photos: the order you add them is the order they play in the scroll, no depth values to configure Pacing Vh Per Photo — scroll distance dedicated to each photo (50–300); total section length scales automatically with photo count Hold Amount: how much of each photo's segment it stays perfectly sharp versus racking to the next (0–0.9) Blur Amount — maximum defocus applied to out-of-focus photos (0–40px) Velocity Sensitivity — how strongly scroll speed feeds into extra blur (0–0.01) Max Whip Blur — ceiling on that speed-driven blur kick (0–30px) Spring Stiffness / Spring Damping, the physical feel of the focus pull itself; higher stiffness and lower damping make it snappier and springier, the reverse makes it slower and more settled Text overlay (optional, toggled on/off) Show Text — turns the whole caption block on or off Position — 3×3 grid placement (top/middle/bottom × left/center/right) Text Gap — spacing between title and description Title — text input (font styling) Description text input (font styling) Overlay Opacity — strength of the black scrim behind the text, for legibility over any photo
Introduction
Mimicking the camera rack focus
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #1261