plumb
Responsive scenes
Source ↗Quartifex Lab · open source
Cinematic launch kit, built in the open.
Libraries for scroll-driven launches, the proof sites that use them, and small experiments. Browse freely; sign in to save what you like and raise a ticket.
63 items
Libraries 30
safeframe
Responsive scenes
Source ↗dailies
Quality & testing
Source ↗contactsheet
Quality & testing
Source ↗rushes
Scroll & sequence
Source ↗resolve
Responsive scenes
Source ↗reel
Scroll & sequence
Source ↗stillness
Accessibility
Source ↗dolly
3D / R3F
Source ↗anatomy
3D / R3F
Source ↗heft
Quality & testing
Source ↗spine
Scroll & sequence
Source ↗viewfinder
Quality & testing
Source ↗sleeve
3D / R3F
Source ↗freight
Pipeline
Source ↗understudy
Quality & testing
Source ↗bespoke
3D / R3F
inbetween
Scroll & sequence
emulsion
Shaders
preroll
UX primitives
restraint
Design system
playhead
Scroll & sequence
matchcut
UX primitives
telecine
Pipeline
relief
3D / R3F
storyboard
Pipeline
quartifex-skills
process templates
foley
UX primitives
steadicam
3D / R3F
volumetric
Shaders & lighting
Source ↗
Sites 19
caret
Dev-tool launch
quasar
Product reveal
anyframe
Responsive proof
Source ↗abacus
Fintech dashboard reveal
halcyon
Accessibility proof
Source ↗heftmark
Lead-gen tool
orbis
Data globe
thumbly
Consumer app launch
lumeo
product launch page
reelhouse
Docs & playground
Source ↗meridian
Data story
kanista
Configurator
tiltshift
WebGL journey
anatomica
Product reveal
lattice
Portfolio wall
cadenza
Audio film
deepfield
Gallery
apogee
Full launch page
gaussia
Frontier
Lab 14
frameguide
A debug overlay drawing safe frames, focal points and text zones over any scene
Source ↗aspect-morph
A slider that morphs one scene between 9:16, 1:1, 16:9 and 32:9
Source ↗blendframes
Shader crossfade between sequence frames (seed for inbetween)
Source ↗glint
Light sweep across a product surface on scroll
Source ↗grain
TSL film grain with hairline vignette
Source ↗halftone
Dither and halftone post-process with brand palette
Source ↗ink-dissolve
Noise-threshold mask reveal between two stills
Source ↗lit-grid
Cursor-lit hairline grid
Source ↗odometer
DM Mono odometer numbers driven by scroll
Source ↗mini-explode
Three-part exploded view in under 100 lines
Source ↗velocity
Scroll-velocity skew and chromatic split
Source ↗label-peel
Sticker peel and curl on hover
Source ↗draw-path
Scroll-drawn SVG paths for line-work logos
Source ↗logo-extrude
SVG marks from LogoFolio extruded to 3D with bevel
Source ↗