Home
Softono

Nextjs Video Editor

Open source JavaScript
Website GitHub
66
Stars
8
Forks
0
Issues
2
Watchers
1 year
Last Commit
Video Editing

 About Nextjs Video Editor

Next JS and Shad CN based video editor for the web

Platforms

Web Self-hosted

Languages

JavaScript

Links

Website Source Code

Need Help Installing Nextjs Video Editor?

We provide expert installation service for this software. Our team will install, configure, and secure Nextjs Video Editor on your server. plans start at just $30.

Hire an Expert

Alternatives to Nextjs Video Editor

View All

Video Editor.webassembly

Pure Front-end Video Editor

323

Ffmpeg WebCLI

A browser-based video editor powered by ffmpeg.wasm. No uploads, no servers -- all processing happens locally in your browser using WebAssembly.

281

Fwf

HTML video editor with FFmpeg

261

Video Editor Wasm React

A Video editor with Wasm and React running entire in the browser, includes simple trimming control and a button to convert the video to a git.

80

Online Video Editor

Edit MP4 videos online without uploading files to a server. Our browser-based video editor makes it easy to trim, cut and more. No downloads or installations required.

29

Video Editor Annotator

Online Video Editor and Annotator that is purely Client Side. You can add graphics, animations and apply audio and video filters

13
Published by
govind783
Visit View Profile

Nextjs Video Editor

View on GitHub

Video Editor

A sleek, browser-based video editor made in next JS and shad CN. Stack videos, images, and text with precise timing control and real-time preview and export with FFMPEG.

Demo Video

https://github.com/user-attachments/assets/147cec99-d05a-4f89-a89e-02abf7422623

Features

  • Drag & drop media handling
  • Multi-track video, image, and text composition
  • trimming the vieo by grabing it from arrow at right end
  • Frame-accurate trimming with visual preview
  • Live playback with frame-by-frame preview marker
  • Customizable text overlays with full styling control
  • Video speed and volume adjustment
  • forward rewind by 10 seconds buttons
  • resize media by shrinking and incrementing media by selecting them
  • Export to single video file

Tech stack

  • Next JS
  • tailwind
  • zustand
  • shad CN

UI images Showcase

Timeline and Preview

The main workspace with preview window and multi-track timeline Starting screen

Text Customization

Fine-tune text appearance with color, background, and positioning, width, height, border-radius, etc Text modification panel

Video Controls

Adjust speed, volume, and trim points Video adjustment panel

Image Editing

Control size, position, and visual effects Image modification panel

Multi-track Layout

Stack and arrange multiple videos and text overlays Multiple tracks view

Visual Timeline

Precise control with frame markers and playhead Timeline view

Export Options

Convert your composition into a single video file Export screen

Development and todo

  • transitions
  • spliting
  • dragging media files across the TL canvas

Note: This is a work in progress. Bug reports and feature requests welcome. Backend repo

DO star the repo 🌟