Up next in 10
This Canva Clone Can Be Sold as a SaaS 💰$1k/ Month Built with Fabric.js & GIF.js in Browser
Mar 3, 2026
Buy the full source code of application here:
https://procodestore.com/index.php/product/this-canva-clone-can-be-sold-as-a-saas-%f0%9f%92%b01k-month-built-with-fabric-js-gif-js-in-browser/
Show More Show Less View Video Transcript
0:00
Uh hello guys, welcome to this live
0:03
stream. So in this live stream I will
0:04
show you I built out a canva load
0:08
directly in the browser. It's a single
0:10
page application. It can be thought of
0:14
as a software as a service.
0:17
It can earn you around about uh $1,000
0:21
per month. So it's actually a SAS. It
0:24
directly runs in the browser. It's a
0:26
single page application. It's directly
0:28
built in HTML, CSS and JavaScript. This
0:31
is actually the full directory
0:32
structure. All the things are
0:34
customizable.
0:36
So you can just see the link is given.
0:39
You can directly purchase a source code.
0:41
So after you purchase it, you will get
0:43
the source code from Google Drive
0:44
automatically. And also it's also very
0:47
easy for you to run this project. You
0:50
simply open this with live server. So
0:53
the project will run. And now you simply
0:56
need to this is actually the canvas. You
0:59
see this real timeline.
1:02
So here you can manipulate the color of
1:04
the canvas. You can change the size.
1:12
So then you also have readym made
1:14
templates which are there for you. With
1:17
a single click [clears throat] you can
1:19
edit these templates.
1:22
So if you click on any of these
1:26
the template will be applied here and
1:28
then you can edit these templates.
1:33
You also have the option to add text as
1:35
well.
1:43
You can change the color. Everything is
1:45
customizable. You will see that
1:53
if you also want to add text which are
1:56
any you can also animate the test.
2:00
So quite a number of animations are
2:02
there. You'll see that.
2:10
So it's similar to Canva clone. So now
2:12
inside using the timeline section you
2:14
will see that the text will appear like
2:17
this.
2:20
Then you also have the option to add
2:22
your own images.
2:38
So [snorts]
2:39
it's also very easy for you to add your
2:41
own image.
2:45
All the options are there. Crop this,
2:47
everything is there. You'll set just uh
2:50
place the image.
2:59
And then if you want to export this, you
3:01
have the download button and then you
3:03
can export this to a video, GIF file or
3:06
image. You click on start download. The
3:10
video will render out using the timeline
3:13
section and uh the video will be
3:15
downloaded.
3:25
And similarly, if you have a video that
3:28
you want to edit,
3:36
you can actually select a video here.
3:43
So you can easily edit this video. Uh
3:47
you can add a background color to it.
3:51
Then just put
3:54
any text here
3:56
on top of the video. You can put your
3:59
watermark here. Anything you can do.
4:06
So now what happens? The video will play
4:09
and now the watermark text will be
4:10
added. You can even add images as well.
4:13
So similarly if you want to add a image
4:20
just place the image.
4:23
So all these things are controllable
4:24
using the timeline section that you see
4:30
[snorts] and then you can export this
4:33
video. So the video will render. So it's
4:37
entirely built in browser.
4:51
So now you'll see the video is
4:52
successfully edited.
4:56
So this is a full Canva clone project.
4:58
If you're interested in this, the link
5:00
is given. All the files you can easily
5:03
customize it. So we are using this.
5:09
It's in HTML, CSS, and JavaScript. So,
5:12
if you can deploy this using your custom
5:14
domain, you can earn up to $1,000 per
5:17
month. So, it's actually a SAS kind of
5:19
an application
5:22
which directly runs in the browser.
5:29
So, you can resize it to any template.
5:32
We have a quite a number of preset sizes
5:35
which are there
5:38
similar to canvas. So
5:41
you also have the support for third
5:43
party videos as well.
5:46
With a single click you can use any of
5:48
these videos as well.
5:54
So these templates I have shown you can
5:57
even create your own templates as well.