helios
Programmatic video creation with web technologies you already know. CSS animations just work.

Programmatic video creation with web technologies you already know. CSS animations just work.
Story-first motion design philosophy for animated video: motion must earn its place; arc (establish, complicate, resolve); show…
Find, preview, cut and credit archival B-roll from the Internet Archive (archive.org) for a Helios video — public-domain, CC BY…
Guided, brand-aligned marketing videos rendered with Helios — promo or hype, explainer or walkthrough, product demo or feature…
Patterns for using Helios with Vanilla Canvas API. Use when building high-performance 2D/3D animations without frameworks.
Cartoon shorts drawn in code: a character you design, acted emotions, drawn turnarounds and boiling linework, as one Helios…
Chart.js integration patterns for Helios. Use when creating animated data visualizations with Chart.js.
End-to-end production plan template for feeling-first cinematic product promos: brief interrogation, 45s beat structure (cold…
Core API for Helios video engine. Use when creating compositions, managing timeline state, controlling playback, or subscribing…
Workflow for creating a new Helios composition. Use when building a new animation project or converting an existing animation to…
Learn how to use D3.js with Helios for data visualization. Use when creating charts, graphs, or data-driven animations.
Patterns for using Helios with Framer Motion. Use when you want to use Framer Motion's physics and transitions but need…
Installation and quick start guide for Helios video engine. Use when setting up a new Helios project, installing packages, or…
Is this you? Claim your profilePut a plugin at the top of Plugins, from $9