Clip-JS

lastmod 2026-04-28created 2025-07-071 edits

Open-source online video editor based on Next.js, Remotion, and FFmpeg

About

• An online video editor based on Next.js, Remotion (real-time preview), and FFmpeg (WebAssembly port)
• Supports real-time editing preview and high-quality 1080p rendering in the browser
  • Renders with various options up to 1080p using FFmpeg (WASM)
• Drag media directly in the interactive timeline editor to arrange it precisely; supports per-layer operations such as cut, duplicate, and split
• Editing of various media/layers/text, including video, audio, images, and text
• Advanced controls: adjust individual element properties such as position, opacity, z-index, and volume
• Intuitive keyboard shortcuts: space (play), m (mute), s (split), d (duplicate), del (delete)
• Can be run for local development or self-hosted
• Tech stack
  • Frontend: Next.js, React
  • Preview: Remotion
  • Rendering: FFmpeg (WebAssembly)
  • Other: react-moveable and others for timeline and layer manipulation

See also

• Next.js
• Remotion
• FFmpeg

Favorite site

• Github - mohyware/clip-js
• Clip-JS — Open-source online video editor based on Next.js, Remotion, and FFmpeg | GeekNews