examples/scenes/. Render any of them yourself with npx reframe-video render examples/scenes/<name>.ts. The full list — 68 scenes by category — is on the Examples page.
pnpm gallery (the committed home, vs the gitignored out/ scratch).Generative choreography at scale
The kind of scene that is hand-rolled timeline math elsewhere is ~100 lines here, because the host language generates the nodes and phase-shifted behaviors — and the output is still data: every dot, glyph, and moon keeps a stable id.
bloom.ts — 300 dots on a golden-angle spiral: radial bloom, traveling breath wave, chromatic ripple, vortex collapse
wavefield.ts — physical interference: 1,152 phase-shifted oscillators on a 32×18 grid, a second ripple source joins mid-scene
orbit.ts — nested transform composition: moons orbit planets orbit a sun, the whole system tilts — three nested groups, three linear tweens
Kinetic typography
typewave.ts — character-level kinetic type: cascade in, ride a standing wave, shatter with spin, a second phrase assembling from the debris
glyph-reveal.ts — the archival stop-motion format: AI-generated plates as image nodes, ~7fps hard cuts, push-in, camera shake, a tick per cut
Devices & media
device-gallery.ts — the parametric device frames: premium glass + neon styles, seeded per-instance variation, one call each
media-story.ts — images + a video clip assembled into a montage with a kinetic title and a lower-third, deterministic, retime-survivable
Effects & compositing
group-fx-demo.ts — group blur / shadow / blend applied to a whole subtree as one offscreen composite
perspective-cards.ts — projected 2.5D: parallax depth, a card flip, perspective text receding, a dolly that flattens the field
gradient-demo.ts — linear / radial / conic gradients on rects, ellipses, and paths, animated by moving the node
matte-demo.ts — track mattes: an alpha matte fills a headline with video, a luma matte irises a photo in
Data, character & logos
annual-report.ts — a dashboard: KPI count-ups, growing bars, a draw-on line, a gradient donut, all label-anchored audio
figure-styles.ts — one dressed figure on the humanoid rig, three swappable skins, driven by a character preset
Six real brand logos (React, Figma, Vercel, GitHub, Notion, Stripe), each a different motion preset — npx reframe-video logo react --motion spin-forge