Klippy Documentation
Build, edit, and export videos in the browser
Everything you need to run Klippy in production: setup, storage, timeline, captions, and rendering. Private‑first — media stays in your browser.
Quick start
- Follow Setup to configure Node and env variables.
- Open /projects/new and drop a clip; explore timeline and panels.
- Export from the header (Standard for desktop FFmpeg, Transparent for mobile/alpha).
Topics
Setup
Environment, keys, dev & build scripts, troubleshooting.
Dependencies
Inventory of packages used and why they’re here.
Features
What’s included: panels, timeline, export, shortcuts.
State management
Redux slices, middleware pipeline, selectors.
Tracks & items
Timeline model: media, text, zooms, transitions.
Fonts
Using system fonts and bundling for export.
Captioning
Manual import, AI via worker/OpenAI/local Whisper.
Rendering
FFmpeg WASM, MediaBunny/WebCodecs, transparency, Lambda.
Backend routes
Pexels/Tenor/Meme proxies, AI, transcription, security.
Asset uploads
Local files, stock assets, best‑effort caching.
Persistence
IndexedDB schema, autosave, bundles, quotas.
Production checklist
Hardening, headers, CI, perf and health checks.