THE RESOURCE INDEX
A complete film, one good shot, or a whole new visual language. Find the source. Make it yours.
Warm paper, ink typography, and amber accents for SaaS, research tools, and knowledge-product launches. A 36.2-second, ten-shot Remotion project with title cards, page-camera moves, captions, and timed sound effects. Replace screenshots, element crops, copy, branding, and page coordinates; adapt camera framing to the new interface. The documented version is 1080p at 30 fps with sound effects and no background music.
Editorial paper collage, torn edges, print texture, and layered parallax for history, people, and concept explainers. A 20-second silent HyperFrames / GSAP scene with assembly, separation, collision, and recomposition. Replace the artwork and derived layers; extraction masks are tied to the original image and must be adjusted for new compositions.
Procedural natural-science animation for lifecycle and process explainers. A 32-second, 17-shot vertical film with source, planning documents, music, and rendering tools. Reuse the production structure; changing the subject requires adapting drawing and scene code.
NES-style pixel art, a simulated CRT, and chip music for game narratives, progress metaphors, and playful technical stories. A worked film driven by a game engine and recorded controller input. Reuse the engine and presentation; adapt characters, levels, and the input sequence for a new story.
A globe-to-place camera move with location labeling for travel openings, city introductions, and event context.
A dark map treatment for night travel, urban stories, and technology-oriented location sequences.
Route progression and elevation information for hiking recaps, mountain itineraries, and outdoor explainers.
A multi-stop journey for road-trip recaps, regional guides, and travel itineraries.
Flight connections for aviation stories, international journeys, and geographic business introductions.
Connections radiating from a center for service coverage, distribution networks, and regional reach.
Product imagery revealed through oversized letterforms for brand openings and feature reveals. Replace the title and background imagery.
Spatial camera treatments for interfaces and layered layouts. Useful for product structure and screen tours; adapt the scene layers and camera framing.
Cards dealt into a layout for libraries, research collections, dashboards, and feature groups. Replace card contents and destination positions.
An input-and-results sequence for search tools, knowledge management, and AI assistants. Replace the query, results, and interface styling.
Paper-toned typography for value propositions, chapter breaks, and explanatory pauses. Replace the copy, fonts, and accent palette.
Document content appearing as if written for AI writing, reports, and note-taking demonstrations. Replace the document and its reveal sequence.
Animated chart treatments for research findings, metric changes, and data explanations. Replace the underlying data, labels, and visual scale.
Interface elements resolving into a brand ending for product promos and feature demos. Adapt the source geometry, wordmark, and final hold.
Grid-based composition, large type, geometry, and restrained color for brand statements, design lessons, and concept explainers.
Dark presentation surfaces and focused product staging for software launches, AI tools, and technical announcements.
Progressively drawn diagrams for teaching, mental models, and step-by-step explanations.
Numbers and charts structured around a narrative for trends, research findings, and annual recaps.
Isometric spatial diagrams for systems, workflows, and supply-chain explanations.
Caption-led information design for news briefs, AI updates, and silent-friendly social videos.
Print grain and archival dossier styling for history, investigations, and profile explainers.
Ink diffusion and negative space for cultural stories, poetry, and heritage-oriented films.
Layered paper structures for children's explanations, illustrated narratives, and warm product stories.
Character-based imagery and retro terminal aesthetics for programming, developer tools, and computing history.
Technical drawing and measurement cues for engineering, structural explanations, and invention stories.
Pixel characters and game-world storytelling for learning journeys, progress narratives, and retro shorts.
HTML-based video composition and rendering for browser-oriented motion design and agent-authored scenes.
React-based video composition and rendering for parameterized templates, product films, and data-driven videos; consult its [commercial licensing terms](https://www.remotion.dev/docs/license).
TypeScript animation with a visual preview workflow for explanatory videos and synchronized motion.
Python animation for mathematical diagrams, scientific explanations, and technical teaching.
Product-specific promotional video workflow that builds on real interface components, branding, typography, and a composed timeline. Suitable when the visual direction should come from the product rather than a fixed template.
Continuous-shot motion library, composition starter, and case breakdowns for connected product demonstrations. The free repository excludes the showcased films' source code and uses a noncommercial license; commercial access is offered separately.
Broader coverage of agent-directed tools, production workflows, showcases, and research.
Broader coverage of video-making tools, frameworks, skills, and automation workflows.
A code-editor browser demo with a custom SVG cursor and a dark monospace keystroke overlay for developer-tool walkthroughs. Reuse the local page and scripted clicks; replace the cursor, HUD theme, interface, selectors, and timing.
A scripted kanban-board demo showing cards moving between columns for task managers and workflow tutorials. Reuse the example page and drag steps; adapt card content, selectors, destinations, and pauses to your interface.
A portrait browser walkthrough at a 390 by 844 viewport with menu opening, dismissal, and scrolling for mobile web demos and onboarding clips. Reuse the local interface and action sequence; replace the page, selectors, viewport, and timing.
Explainer workflow with an optional Python and FFmpeg assembler that combines local still images, narration, and captions into an MP4 with a synchronized SRT file. Useful for narrated concept slides; supply the images and audio yourself and adapt the storyboard.
Official agent guidance for creating, previewing, and rendering Remotion videos, with topic-specific references for captions, maps, and multimedia. Useful for building custom React video workflows; choose your own visual direction and consult Remotion licensing terms.
An isometric laboratory scene combining SVG apparatus and WebGL water patterns for wave-interference explainers. Reuse the Node build script, light or dark page, and frequency/spacing controls. Adapt the model, labels, and interaction sequence; add browser recording or a controlled video timeline and audio. The example outputs HTML, not an MP4.
Lines slide upward through clipped masks with a staggered reveal for titles, feature statements, and chapter cards. Reuse the React component and its duration and stagger controls. It uses Framer Motion and viewport-triggered playback; add browser recording or replace the trigger with frame-based timing for video rendering.
A Chinese article with a complete reusable production prompt covering deliverables, creative choices, technical constraints, visual rules, a central idea, and review iterations. Useful for briefing agent-made explainers or product films; replace the topic, format, and creative direction. It supplies instructions rather than a fixed visual style or executable template.
Translucent brush marks on warm paper for nature, travel, and science stories. Reuse the style specification, seeded brush construction, and paint-on approach; create new artwork and timing. This is production guidance, not a complete film.
Studio-lit engineering parts, exploded layers, and macro camera moves for hardware launches and construction explainers. Reuse the style specification and assembly choreography; supply accurate CAD or PCB geometry, materials, labels, and appropriately licensed assets.
A physical markerboard with photo cutouts, magnetic labels, and line-following camera moves for engineering comparisons and decision briefings. Reuse the board composition rules and drawing kit; replace photographs, annotations, and evidence, then build a new timeline.
Audio waveforms and synchronized captions for podcast excerpts and interview highlights. Reuse the Remotion composition and audio-driven duration; replace audio, caption data, and visualizer settings. Review the Remotion license for your organization before production.
Animated syntax-highlighted code with token transitions and annotations for programming tutorials and refactoring walkthroughs. Reuse the frame-driven Remotion scene; replace code snippets, themes, annotations, and pacing. Review the Remotion license for your organization before production.
Bold outlined captions with active-word highlighting and animated entrances for talking-head clips and social explainers. Reuse the captioned-video composition; replace footage, captions, fonts, and placement. Adapt transcription settings for your language and review the Remotion license before production.
Warm paper, serif headings, animated bars, and a traced line for business metrics and data explainers. Reuse a 15-second HTML/SVG composition with a paused GSAP timeline; replace data arrays, scales, labels, and source attribution, then integrate it into a HyperFrames film.
A sliding channel card and springy subscribe-button animation for creator introductions and calls to action. Reuse the 4.5-second HTML overlay and paused GSAP timeline; replace the avatar, channel text, counts, and styling, then compose it over your footage.
JavaScript/TypeScript text measurement and multiline layout for animated titles, captions, and text cards. Reuse cached measurements, line widths, and wrapping with DOM, Canvas, or SVG; load the intended fonts and add your own animation timeline and video renderer.