Up next in 10
Earn $1000 with Vue Canva Clone (jsPDF, Fabric.js, Html2Canvas, TypeScript, SaaS Tool)
Mar 5, 2026
Buy the full source code of application here:
https://procodestore.com/index.php/product/earn-1000-with-vue-canva-clone-jspdf-fabric-js-html2canvas-typescript-saas-tool/
Live Demo of App:
https://freemediatools.com/vuecanvaclone/
Show More Show Less View Video Transcript
0:00
Hello guys, in this video I'll show you
0:01
a Canva clone kind of an editor that I
0:03
developed inside the
0:05
uh Vue.js. So,
0:08
I've also deployed this. I've given the
0:10
link in the description. You can
0:12
actually try this first of all.
0:14
So, this is the editor. It's similar to
0:16
Canva. We have templates.
0:19
Here you can edit the templates.
0:21
You also have the ability to add text,
0:23
images.
0:25
Can manipulate the background. So, I
0:28
coded this inside Vue.js. So, this is
0:30
all the source code right here. We have
0:32
used the latest version of Vue.
0:34
jsPDF, html2canvas, fabric.js. So, quite
0:38
a number of third-party libraries we
0:39
have used. This is built using
0:41
TypeScript as you can see that.
0:43
So, you can purchase it. The link is
0:45
given in the description. So, after you
0:47
purchase it automatically from Google
0:49
Drive, you will get the source code. So,
0:52
now to run this, it's very simple.
0:54
I'm already running this. So,
0:57
simply need to run the command npm run
0:59
dev. So, your local development server
1:01
will start at localhost:5173.
1:05
So, before purchasing it, you can try
1:06
this. The demo link I've given in the
1:08
description of the video. So,
1:11
you can actually use any template right
1:13
here.
1:14
You can even have the ability to add
1:16
multiple pages. And you can manipulate
1:19
the background here. Change the
1:21
background.
1:22
And then we also have the ability to add
1:24
text as well.
1:27
After that, if you want to export this
1:29
as you go to the file menu. If you want
1:31
to export it as an image, you also do
1:34
that. If you want to export it as a PDF
1:37
file, you also do the same thing. So,
1:39
it's a software as a service kind of a
1:41
tool where you can put advertisements
1:44
and earn a lot of ad revenue. So, I have
1:47
used this using AdSense as well.
1:50
I used quite a number of uh
1:53
earnings here.
1:54
So, these are my AdSense earnings using
1:56
this tool.
1:58
So, quite a number of impressions are
1:59
there.
2:00
Same goes with Ezoic as well, which is a
2:02
high-paying network. So, I've made a
2:04
quite a number of earnings using this
2:06
tool.
2:07
You can also do the same.
2:09
So, for this, I've given the link in the
2:11
description.
2:12
You can directly purchase it. And after
2:17
as you can see, we are running it
2:19
localhost:5173.
2:21
So, it's very simple. After you purchase
2:23
it, simply npm run dev.
2:25
So, here you can run this very simply.
2:29
You also have the support for adding
2:30
your own images as well.
2:32
It's very simple.
2:36
So, here you can
2:38
have your own images. You also have the
2:40
ability to search images using Unsplash.
2:44
We integrated the API directly inside
2:47
this project. So, here you can
2:53
use any sort of image.
2:59
So, before that, you can try this. I've
3:01
given the demo link in the description
3:03
of the video. Go to this link and try
3:05
this.
3:06
If you like it, then you can purchase
3:07
the source code. We can even resize it
3:10
to any custom dimensions, width and
3:12
height.
3:14
Various social media networks, it's
3:16
compatible.
3:18
So, definitely try this.