React components for a full video studio, AI included

What it does

Twick is a TypeScript monorepo that packages a timeline-based video editor as React components. You can drop in the full TwickStudio UI or assemble your own interface from lower-level packages like @twick/timeline and @twick/canvas. It also handles the unglamorous infrastructure: AI caption generation via Google Vertex AI, stock asset search from Pexels/Unsplash/Pixabay, and MP4 export through either browser-side WebCodecs or a serverless Lambda pipeline.

The interesting bit

The project treats video post-processing as a shader problem, bundling a WebGL runtime for GPU-accelerated effects like sepia and vignette that work in both the browser and headless render paths. It even ships an MCP agent for driving the studio from Claude Desktop.

Key highlights

• Modular architecture: use the full opinionated studio UI, compose custom editors, or run headless render pipelines
• AI caption generation and transcription via Google Vertex AI (Gemini)
• Two export engines: client-side WebCodecs + FFmpeg.wasm for quick previews, or Node/Puppeteer + FFmpeg via AWS Lambda for production workloads
• Built-in asset library with IndexedDB for user uploads and API integrations for Pexels, Unsplash, and Pixabay
• WebGL shader effects applied as GPU fragment-shader passes across both rendering paths

Caveats

• Browser-side MP4 export requires WebCodecs, so it only works in Chrome and Edge; Firefox and Safari are not supported
• Windows development is possible but not officially tested
• The monorepo expects Node 20+ and pnpm 8.x

Verdict

React and Node teams building video SaaS tools or automated content pipelines should look here; non-technical users looking for a ready-made consumer editor should keep scrolling.