Awesome video Renderer.
Findet auch die Beats.
Produktvideo, Bewerbung, Präsentation. Stay tuned …
ShotFlow is a video rendering and recording workflow designed to automatically generate clean, structured videos.
It combines rendering, timing and beat detection to help create polished videos for different use cases — from product demos to presentations.
The goal:
Turn ideas into finished videos fast and automatically.
- reproducible
- automated
- structured
- fast
ShotFlow also aims to make product presentation video production part of the developer workflow.
- 🎬 Video rendering workflow
- 🥁 Beat detection for timing visuals
- ⚡ Automated video generation
- 🧠 Simple workflow for repeatable videos
- 🧩 Built for modular video pipelines
- 🎤 Works great for narrated content
- 🎬 Drag & drop shot management (select, reorder, assign)
- 🧩 JSON-based clip editing (title, duration, transitions, captions)
- 🎵 Audio timeline with waveform & beats
- 📊 Live video metadata and render insights
- ⚡ Fast preview & rendering workflow
ShotFlow can be used for:
- Product videos
- Developer demos
- Presentations
- Bewerbungen (video resumes)
- Social media clips
- Documentation videos
content → beat detection → scene timing → render → final video
-
Load a project (video-shots)
-
Drag shots from right → left to select
-
Reorder selected shots
-
Click a shot to edit metadata
-
Render preview or final video
-
Prepare your content (text, assets, or scenes)
-
Detect beats in the audio track
-
Automatically align scenes and visuals
-
Render the final video
- Remotion
- Vanilla JS (modular)
- Bootstrap 5
- SortableJS
- D3 (audio timeline)
- Video settings are autosaved
- Drag & drop is fully handled by SortableJS (no native DnD)
- UI is optimized for fast iteration, not final UX polish
Minimal, fast, and focused on getting video ideas rendered quickly.