0:00
Uh hey guys, in this video I'll show you
0:02
I built out a ReactJS AI image
0:05
background remover web app using webgu.
0:08
It's similar to canva and remove pg
0:11
websites. So you have used this website
0:14
a lot which is called as remove.bg.
0:18
Uh this is a really famous website for
0:20
removing backgrounds and similarly you
0:22
have used canva as well. So I built out
0:25
this my own which is basically can it's
0:29
a single page application similar to
0:31
this website. It it also removes
0:34
backgrounds. The interface looks
0:36
something like this. You actually select
0:40
So this is actually the full directory
0:42
structure. Uh the link is given in the
0:44
description. You can directly purchase
0:46
the full source code and after you
0:49
purchase it, you will get the source
0:50
code from Google Drive. And if I show
0:53
you the actual libraries that I used, we
0:56
used the latest version of React. We
0:57
have also used ONX runtime web p which
1:01
is a model for removing the background
1:04
of images. So we are running this
1:06
application on local host
1:09
and the interface is quite simple. You
1:12
actually select a bunch of images. So
1:14
once you select the images, the
1:16
background will load and it will try to
1:19
process each image and remove the
1:24
So you can build out your own Canva and
1:27
remove background clone.
1:31
So once it completes it will be showing
1:34
the output here. You can able to
1:39
So if you're interested guys you can
1:41
purchase the full source code and uh you
1:45
will see that it's fully customizable.
1:47
It's coded inside Typescript each file.
1:52
So the code is fully customizable.
1:56
You can even add more additional
1:57
features on top of this project.
2:02
So now you will see the background is
2:04
successfully removed and apart from that
2:06
it also gives you the option to
2:08
customize the background with a
2:14
or you can even change the image as
2:16
well. You can basically select a
2:18
different image for the background
2:21
and once you are happy with that you can
2:23
download this image. So just click
2:29
in this way you can select multiple
2:31
images and it will be able to remove the
2:35
and edit your images inside this react
2:47
So it can take some time for certain
2:49
images for detecting the background. So
2:51
you just need to wait for certain images
2:55
background. But ultimately it will work.
2:58
So you will see the the second image
3:00
background is also removed.
3:02
So if you're interested in this project
3:05
guys, the link is given in the
3:06
description. You can directly purchase
3:08
the full source code.