# Helios

## Docs

- [Canvas and WebGL rendering](https://mintlify.wiki/BintzGavin/helios/advanced/canvas-webgl.md): Optimizing canvas and WebGL compositions for high-performance video rendering
- [Custom drivers](https://mintlify.wiki/BintzGavin/helios/advanced/custom-drivers.md): Creating custom TimeDriver implementations for specialized rendering workflows
- [Debugging compositions](https://mintlify.wiki/BintzGavin/helios/advanced/debugging.md): Tools and techniques for debugging Helios compositions and render issues
- [Performance tuning](https://mintlify.wiki/BintzGavin/helios/advanced/performance.md): Optimizing Helios compositions for fast rendering and smooth previews
- [AI](https://mintlify.wiki/BintzGavin/helios/api/ai.md): AI integration utilities for Helios
- [Animation utilities](https://mintlify.wiki/BintzGavin/helios/api/animation.md): Interpolation, spring physics, and animation functions
- [Audio tracks API](https://mintlify.wiki/BintzGavin/helios/api/audio-tracks.md): Audio track management and control
- [Captions API](https://mintlify.wiki/BintzGavin/helios/api/captions.md): Caption parsing, rendering, and utilities for SRT and WebVTT formats
- [CLI commands](https://mintlify.wiki/BintzGavin/helios/api/cli-commands.md): Complete reference for all Helios CLI commands
- [Component management](https://mintlify.wiki/BintzGavin/helios/api/cli-components.md): Commands for managing Helios components
- [helios init](https://mintlify.wiki/BintzGavin/helios/api/cli-init.md): Initialize a new Helios project configuration
- [helios render](https://mintlify.wiki/BintzGavin/helios/api/cli-render.md): Render a composition to video file
- [helios studio](https://mintlify.wiki/BintzGavin/helios/api/cli-studio.md): Launch the Helios Studio visual editor
- [Color](https://mintlify.wiki/BintzGavin/helios/api/color.md): Color parsing and interpolation utilities for Helios
- [Easing functions](https://mintlify.wiki/BintzGavin/helios/api/easing.md): Collection of easing functions for smooth animations
- [Errors](https://mintlify.wiki/BintzGavin/helios/api/errors.md): Error handling utilities for Helios
- [Helios class](https://mintlify.wiki/BintzGavin/helios/api/helios.md): Core engine class for managing animation state and timeline synchronization
- [Markers API](https://mintlify.wiki/BintzGavin/helios/api/markers.md): Timeline markers for navigation and annotations
- [Player controllers](https://mintlify.wiki/BintzGavin/helios/api/player-controllers.md): API reference for DirectController and BridgeController classes
- [Player element](https://mintlify.wiki/BintzGavin/helios/api/player-element.md): Complete API reference for the <helios-player> web component
- [Player exporter](https://mintlify.wiki/BintzGavin/helios/api/player-exporter.md): API reference for ClientSideExporter - browser-based video export
- [Random](https://mintlify.wiki/BintzGavin/helios/api/random.md): Deterministic random number generation for Helios
- [Render options](https://mintlify.wiki/BintzGavin/helios/api/render-options.md): Configuration types for Renderer and RenderOrchestrator
- [Render orchestrator](https://mintlify.wiki/BintzGavin/helios/api/render-orchestrator.md): Distributed rendering engine for parallel video generation
- [Render session](https://mintlify.wiki/BintzGavin/helios/api/render-session.md): Frame iteration and rendering control for Helios
- [Renderer](https://mintlify.wiki/BintzGavin/helios/api/renderer.md): Core rendering class for capturing browser animations and exporting videos
- [Schema](https://mintlify.wiki/BintzGavin/helios/api/schema.md): Schema validation utilities for component props in Helios
- [Sequencing utilities](https://mintlify.wiki/BintzGavin/helios/api/sequencing.md): Sequence timing, series, stagger, and shift functions
- [Signals API](https://mintlify.wiki/BintzGavin/helios/api/signals.md): Reactive state management with signals, computed values, and effects
- [Timecode](https://mintlify.wiki/BintzGavin/helios/api/timecode.md): Timecode conversion utilities for Helios
- [Transition utilities](https://mintlify.wiki/BintzGavin/helios/api/transitions.md): Transition and crossfade functions for smooth scene changes
- [Driver interfaces](https://mintlify.wiki/BintzGavin/helios/api/types/driver-interfaces.md): Time driver and ticker interfaces for Helios synchronization
- [HeliosConfig](https://mintlify.wiki/BintzGavin/helios/api/types/helios-config.md): Configuration interface for initializing Helios compositions
- [HeliosState](https://mintlify.wiki/BintzGavin/helios/api/types/helios-state.md): Runtime state interface for Helios compositions
- [Render options](https://mintlify.wiki/BintzGavin/helios/api/types/render-options.md): Type definitions for rendering and session management
- [Creating components](https://mintlify.wiki/BintzGavin/helios/components/creating-components.md): Build and publish your own components to a Helios registry
- [Component registry](https://mintlify.wiki/BintzGavin/helios/components/overview.md): A Shadcn-style component registry for Helios video components
- [Using components](https://mintlify.wiki/BintzGavin/helios/components/using-components.md): Add and use components from the Helios registry
- [Animation system](https://mintlify.wiki/BintzGavin/helios/concepts/animations.md): Using CSS animations, WAAPI, and animation libraries with Helios
- [System architecture](https://mintlify.wiki/BintzGavin/helios/concepts/architecture.md): Understanding Helios's native-aligned architecture and design philosophy
- [Compositions](https://mintlify.wiki/BintzGavin/helios/concepts/compositions.md): How to structure and configure Helios video compositions
- [Driver system](https://mintlify.wiki/BintzGavin/helios/concepts/drivers.md): Understanding TimeDriver, DomDriver, NoopDriver, and custom time sources
- [Timeline and frame control](https://mintlify.wiki/BintzGavin/helios/concepts/timeline-control.md): Playback controls, seeking, and frame-accurate timeline manipulation
- [Audio visualization](https://mintlify.wiki/BintzGavin/helios/examples/audio-visualization.md): Create synchronized audio visualizations with real-time waveforms and frequency analysis
- [Basic animation](https://mintlify.wiki/BintzGavin/helios/examples/basic-animation.md): Learn how to create a simple DOM-based animation with Helios using CSS keyframes
- [Canvas animation](https://mintlify.wiki/BintzGavin/helios/examples/canvas-animation.md): Build frame-perfect canvas animations with Helios using the HTML5 Canvas API
- [CSS animations with React](https://mintlify.wiki/BintzGavin/helios/examples/css-animations.md): Use standard CSS keyframe animations with React components in Helios
- [Data visualization](https://mintlify.wiki/BintzGavin/helios/examples/data-visualization.md): Create animated charts and graphs using Chart.js and D3.js with frame-perfect control
- [Distributed rendering](https://mintlify.wiki/BintzGavin/helios/examples/distributed-rendering.md): Build compositions optimized for distributed rendering with stateless frame seeking
- [Framer Motion integration](https://mintlify.wiki/BintzGavin/helios/examples/framer-motion.md): Learn how to integrate Framer Motion animations with Helios using MotionValues and transforms
- [GSAP integration](https://mintlify.wiki/BintzGavin/helios/examples/gsap.md): Learn how to integrate GSAP animations with Helios for deterministic timeline control
- [Lottie animation integration](https://mintlify.wiki/BintzGavin/helios/examples/lottie.md): Learn how to integrate Lottie animations with Helios for deterministic playback control
- [P5.js creative coding](https://mintlify.wiki/BintzGavin/helios/examples/p5js.md): Create generative art and creative coding projects with P5.js and Helios
- [Pixi.js 2D rendering](https://mintlify.wiki/BintzGavin/helios/examples/pixijs.md): Create high-performance 2D graphics with Pixi.js and Helios
- [Procedural generation](https://mintlify.wiki/BintzGavin/helios/examples/procedural-generation.md): Create deterministic procedural animations using Helios random utilities and interpolation helpers
- [React example](https://mintlify.wiki/BintzGavin/helios/examples/react-example.md): Build Helios compositions with React hooks and JSX
- [Svelte example](https://mintlify.wiki/BintzGavin/helios/examples/svelte-example.md): Build Helios compositions with Svelte stores and reactive statements
- [Three.js 3D rendering](https://mintlify.wiki/BintzGavin/helios/examples/threejs.md): Render 3D scenes with Three.js and Helios for video export
- [Vue example](https://mintlify.wiki/BintzGavin/helios/examples/vue-example.md): Build Helios compositions with Vue composables and reactive data
- [Animation helpers](https://mintlify.wiki/BintzGavin/helios/features/animation-helpers.md): Powerful animation utilities for creating smooth transitions and motion in Helios
- [Audio tracks](https://mintlify.wiki/BintzGavin/helios/features/audio.md): Audio playback synchronization and multi-track audio control in Helios
- [Captions](https://mintlify.wiki/BintzGavin/helios/features/captions.md): SRT and WebVTT subtitle support with automatic parsing and synchronization in Helios
- [Sequencing](https://mintlify.wiki/BintzGavin/helios/features/sequencing.md): Timeline sequencing utilities for orchestrating complex animations in Helios
- [Transitions](https://mintlify.wiki/BintzGavin/helios/features/transitions.md): Simple transition and crossfade utilities for smooth scene changes in Helios
- [React integration](https://mintlify.wiki/BintzGavin/helios/frameworks/react.md): Use Helios with React for declarative video animations
- [Solid integration](https://mintlify.wiki/BintzGavin/helios/frameworks/solid.md): Use Helios with Solid for fine-grained reactive video animations
- [Svelte integration](https://mintlify.wiki/BintzGavin/helios/frameworks/svelte.md): Use Helios with Svelte for reactive video animations
- [Vanilla JavaScript](https://mintlify.wiki/BintzGavin/helios/frameworks/vanilla.md): Use Helios with vanilla JavaScript for maximum control and flexibility
- [Vue integration](https://mintlify.wiki/BintzGavin/helios/frameworks/vue.md): Use Helios with Vue for reactive video animations
- [Installation](https://mintlify.wiki/BintzGavin/helios/installation.md): Install Helios packages and set up your development environment for programmatic video creation.
- [Introduction to Helios](https://mintlify.wiki/BintzGavin/helios/introduction.md): A programmatic video engine that runs on web standards. Stop reinventing animation in JavaScript. Use the platform.
- [Quickstart](https://mintlify.wiki/BintzGavin/helios/quickstart.md): Create your first programmatic video with Helios in minutes. A hands-on tutorial from setup to render.
- [Browser export with WebCodecs](https://mintlify.wiki/BintzGavin/helios/rendering/client-export.md): Export videos directly in the browser using the ClientSideExporter
- [Distributed rendering](https://mintlify.wiki/BintzGavin/helios/rendering/distributed-rendering.md): Scale video rendering across multiple workers using RenderOrchestrator
- [Local video rendering](https://mintlify.wiki/BintzGavin/helios/rendering/local-rendering.md): Render videos locally using the Renderer class with canvas and DOM capture modes
- [Output formats and codecs](https://mintlify.wiki/BintzGavin/helios/rendering/output-formats.md): Supported video codecs, containers, and configuration options
- [Helios CLI](https://mintlify.wiki/BintzGavin/helios/tools/cli.md): Command-line interface for scaffolding, rendering, and deploying Helios projects
- [Helios Player](https://mintlify.wiki/BintzGavin/helios/tools/player.md): Web component for previewing and exporting Helios compositions
- [Helios Studio](https://mintlify.wiki/BintzGavin/helios/tools/studio.md): Browser-based IDE for developing and previewing Helios video compositions