The technique library
Every way the kits make a page move, laid out so you can choose the moment for your own site. Each technique shows the kits that use it and what you will need to make.
The method is in the Academy: how it works, the pictures or film to make, the brief for your coding agent and what goes wrong. About the Academy
Cinematic sequenceScroll-driven filmA film the visitor plays forwards and backwards with the scroll, with the words timed to it.Seen in Windfall Press Days, Kiln Bloom, Bowside, Sidings
Cinematic sequenceFilm on hoverA short film that plays while the pointer rests on it and settles back when it leaves.Seen in Molt Lacquer Boot, Halfplate, Troop Kids' Sunglasses
Cinematic sequenceA camera move from still photographsThe camera pushes in, turns and passes behind things, made from a few matched photographs and no video.Seen in Spatial Afterlight, The Descent
BrandableBefore and after, lined up to the pixelDark to lit, dirty to clean, plaster to painted: two versions of one picture that change without a jump.Seen in Earthed, Clear, Second Coat, Yoke
BrandableWipe to revealThe pointer becomes a tool, and every stroke uncovers the finished picture beneath.Seen in Clear, Second Coat
BrandableFlat cut-outs made solidA product photographed front and back becomes a solid object that turns, tumbles and catches the light.Seen in Crunch Storm, Weightless, Canopy, The Box
BrandableA flat label wrapped round a shapeA can, pot or bottle built in code wears its own printed label, so it can turn, peel and unwind.Seen in Pour, Peel, Unwrapped
BrandableTurn to face you on hoverProducts hang side on, and the one under the pointer turns round to face the visitor.Seen in Teasel, Spatial Supply
BrandableProducts on a loop in depthPacks stand in an arch in depth, coming round one at a time, with a close look on a click.Seen in Spatial Vending
BrandableFold it from its netA printed box folds itself from its flat net, opens, and the products inside come out.Seen in The Box
BrandablePages that turnA lookbook printed as a magazine, its pages curling over as the visitor scrolls.Seen in Issue 01
BrandableThousands of pieces at onceHundreds of leaves, crisps or ingredients moving together by one shared rule.Seen in Canopy, Crunch Storm
BrandablePhotoreal products that turnA bottle or jar that looks photographed yet turns, tips and fills, over any background.Seen in Flight
FlexibleAssembled part by partA scene that builds itself in front of the visitor, piece by piece, in the order a real build goes.Seen in Lift, Studwork, Snapfit, Plainsheet
FlexibleLive liquid, drawn by the browserLiquid, light or metal drawn live as the visitor watches, with no pictures at all.Seen in Lodestone, Pour
BrandableLight that follows the hourThe scroll is a clock: the sun crosses the room, the shadows move and a lamp comes on at night.Seen in Sundial
FlexibleWalk a camera through roomsThe visitor walks through a place room by room, each move between them different.Seen in Long Way Round
FlexibleGlass that magnifies what is behind itDroplets and lenses that really bend what is behind them, moving out of the pointer's way.Seen in Weightless, Spatial Afterlight
BrandableA photo finishA race the scroll runs, ending in a slit-scan print of everything crossing the line.Seen in Sprint