Animate Your OBS Streams
Create stunning animations for your OBS browser sources with an intuitive editor. Export standalone HTML files that work seamlessly in OBS.
How It Works
1. Create Project
Start a new project (Profile Picture or Advanced). Add layers for images, videos, audio, or OBS sources. Animate properties like position, scale, rotation, and opacity over time.
2. Export HTML
Export your animation as a standalone HTML file. Use "Embed Media" for portability or keep external files for smaller exports.
3. Use in OBS
Add the HTML file to a browser source in OBS. Use query parameters to dynamically override images, or use the Configure page to authorize live OBS updates.
Features
Visual Timeline Editor
Keyframe-based animation with easing curves
Real-time Preview
See your changes instantly as you edit
OBS Integration
Connect to OBS WebSocket for live scene updates
Standalone Exports
Single HTML files that work anywhere
Versatile
Supports most major image, video, and audio file types
Easing Functions
Smooth animations with linear, ease-in, ease-out, and more