Up next in 10
Free Alternative to Adobe & Canva: I Built a Browser Video Editor with Next.js & FFMPEG WASM
Mar 3, 2026
Buy the full source code of application here:
https://procodestore.com/index.php/product/free-alternative-to-adobe-canva-i-built-a-browser-video-editor-with-next-js-ffmpeg-wasm/
Show More Show Less View Video Transcript
0:00
live stream. So if you're looking
0:01
forward for an alternative video editor
0:03
similar to Canva and Adobe, you are
0:06
watching the correct video. So in this
0:08
video I have built out a complete video
0:10
editor project with timeline in next
0:13
year. We are running it. So this is
0:15
actually the full demo of the project.
0:16
You add your video. You basically have
0:18
the ability to add text images and then
0:21
you can export your video by clicking
0:23
the export button. Let me show you the
0:25
demo from scratch. So once you load the
0:28
application it looks something like
0:30
this. You basically click add project
0:33
and just create a new project. So it's
0:36
entirely coded inside next.js. So we are
0:40
using the latest version of text and
0:41
react and we are also using fmpp web
0:44
assembly library for building this. And
0:47
each and every file is customizable.
0:49
It's coded inside typescript. So the
0:51
link is given. You can directly purchase
0:53
the full source code. After purchasing
0:55
it, you will get the source code from
0:57
Google Drive automatically.
0:59
And it's similar to Canva and Adobe. And
1:01
once you add the project, you have the
1:04
ability to actually add the video
1:06
directly to the timeline. So once the
1:08
video is added, you can play the video
1:10
in the video player as you can just see
1:13
right here. And now if you want to cut
1:15
the video, now let's suppose I want to
1:21
[snorts] split the video at this time
1:23
period. So you can click the cut button.
1:26
So it will cut the video into two parts.
1:29
And now if I don't need this part, I can
1:31
delete this part. So now the video
1:32
length is exactly 6 seconds. And you can
1:36
even select the video, adjust the volume
1:38
using this slider, X position, Y
1:40
position, the width of the video,
1:42
everything you can control.
1:47
Can just see here.
1:52
After that, we have the ability to add
1:54
text as well. You can add this text
1:57
here. Just place it and using the color
2:02
picker, you can change the color of the
2:03
text.
2:10
Then you can actually manipulate the X
2:12
position and the Y position here.
2:18
Similarly go to library and here you can
2:20
actually add your own image as well. So
2:22
whatever image file you want to add
2:24
here.
2:26
So just split this and you don't need
2:28
this. So
2:31
just select the image and here you can
2:33
control the width and the height of the
2:34
image.
2:42
So everything is customizable. You can
2:44
just see here. So once you're happy with
2:46
it, you can click the export button to
2:49
actually export the video. So now the
2:51
processing will directly happen in the
2:52
browser. So it's a single page
2:54
application. So once it completes, you
2:56
will see the output video. So you can
2:59
basically purchase this full project.
3:01
The link is given. So you can easily
3:03
deploy this as well and customize it and
3:06
add additional features as well. So this
3:08
will save you a lot of time because I
3:10
built this project from scratch. So you
3:13
can actually save a lot of time. So
3:16
fMPPG web assembly library is doing the
3:20
processing. It's processing your video
3:22
frame by frame. [snorts] So we are
3:25
actually using this library here. ffmppg
3:27
web assembly library. This is actually
3:29
the homepage of the application uh
3:33
library. So this makes it easy for you
3:35
to execute ffmpg directly in the
3:38
browser. So we are using this.
3:41
So once it completes and reaches 100%
3:44
you will see the output video created.
3:50
So it's similar to Canva and Adobe which
3:53
are paid options but you can actually
3:55
purchase it and deploy this
3:59
inside your own website and earn a lot
4:01
of revenue as well by putting
4:03
advertisements and starting a SAS or
4:05
subscription based service. So this is
4:08
actually the video is successfully
4:10
edited. You see the text and image and
4:13
then you can download the video as an
4:15
MP4 file. So
4:19
you can safely purchase it. If you face
4:21
any sort of problem you after purchase
4:23
you can contact me.
4:25
So you can just see here the link is
4:28
given in the description.