Comprehensive demonstration of the dreams.fm video engine. 300+ presets across typography, animation, backgrounds, effects, and styles — all wired into the VideoProjectRenderer.
A complete multi-scene video project using all engine systems: canvas backgrounds, scene transitions, animation presets, text effects, post-processing, statistics, charts, timelines, comparisons, shapes, and more.
9 personalities shape animation timing, typography weight, and visual style of elements. Each personality applies consistent adjustments to all elements in a scene.
44 typography presets across 11 categories. Each preset includes font family, size, weight, letter-spacing, line-height, color, gradients, outlines, and shadows — all applied through typographyStyleToCSS().
80+ animation presets with full keyframe interpolation engine. Includes text entrances, kinetic typography (25+ styles with stagger), emphasis effects, exit animations, and motion presets.
Solid colors, linear gradients, canvas-generator animated backgrounds (aurora, particle-field, geometric-grid, flow-field, wave-forms, noise-terrain), and WebGL shader backgrounds via @paper-design/shaders-react.
21 text effects including chromatic aberration, neon glow, holographic, glitch, VHS distort, 3D extrude, scanlines, halftone, retro wave, and more. Each generates CSS properties applied to text elements.
12 stackable effect types that wrap scenes in post-processing layers: scanlines, chromatic aberration, bloom, noise, neon glow, CRT monitor, VHS, 3D extrude, glitch, motion blur, and more.
24 scene transition types: fade, cross-dissolve, slide (4 directions), zoom (in/out/blur), wipe, whip-pan, flip (horizontal/vertical), glitch, pixelate, and more. Each transition applies CSS transforms and filters during scene entry/exit.
All 14 element types rendered by the VideoProjectRenderer: text, stat, chart, bars, list, timeline, comparison, media, avatar, waveform, badge, shape, divider, and map.