Canvas Timeline Packages
Start with the main package for the common React editor path, then drop down to focused packages when you need more control.
Core primitives & UI
The main library packages containing providers, context, hooks, drawing workers, and utilities.
Main package
Start here when you want the common Canvas Timeline experience without choosing lower-level package boundaries up front.
Core
Use the core package when your integration needs the timeline model and editing operations without React or canvas rendering concerns.
React
Use the React package when you want to bind a TimelineEngine to React controls while keeping rendering choices flexible.
Renderer
Use the renderer when you want the default canvas-backed timeline visuals with shared theme helpers.
Utils
Use the utility package when you need stable time conversions or math helpers without importing editor layers.
Sync adapters
Integrations to synchronize the Canvas Timeline editor with HTMLMediaElements, audio drivers, and decoding frameworks.
HTML Media Adapter
Use the HTML media adapter when one native video or audio element should follow Canvas Timeline playback.
Mediabunny Adapter
Use the Mediabunny adapter when your editor needs decoded canvas frames, local media inputs, or a timeline-aware media monitor instead of one native media element.