0:00
SVG editor that I developed directly in
0:02
the browser. So with the help of this
0:04
you will be able to see the source code
0:06
of SVG files directly side by side. So
0:09
this is the actual application. I'm
0:11
running it on local host. I've also
0:13
given the demo link in the description
0:16
of this video. You will find the
0:20
where at the checkout link you will see
0:22
the demo link as well. You can even try
0:24
this application as well. So and the
0:26
application is very simple. Once you
0:28
land on this, this is the user
0:29
interface. So you can, this is a sample
0:34
SVG. You can even clear out everything
0:36
as well and paste your SVG code here. So
0:38
once you paste the SVG code on the right
0:40
hand side, you will see the actual SVG.
0:44
Here you can zoom in, zoom out,
0:46
everything is there. And you can
0:48
basically change the color here
0:50
accordingly. And automatically it will
0:52
reflect back as you change the color
0:57
So I'm just I don't have knowledge in
0:59
SVG but if you do have a knowledge you
1:01
can basically create new SVG by just
1:04
writing the code here pasting it and in
1:06
the right hand side you will see the
1:07
source actual SVG and then you can
1:10
export this click on download and now
1:12
your SVG is automatically created. So uh
1:15
this is the actual source code here. A
1:17
single index html file. It's a single
1:20
static page application. No serverside
1:22
code is there. And this is the actual
1:24
length of this code. Almost 500 lines of
1:27
code. So you can directly purchase it.
1:30
The link is given in the description. So
1:32
it's very easy. You can even run it
1:34
locally in VS code. So as you can see we
1:37
are running it on local host. So it's
1:45
You basically if you do have external
1:47
file likewise I have this external file.
1:50
You can even load that external file as
1:52
well. So very simply as you can see
1:54
that. So we loaded an external SVG file.
1:57
It actually show you the actual source
2:00
code of this SVG file. You can make
2:02
modifications in this. You can change
2:04
this and then it will change the right
2:07
hand side if you do have knowledge. So
2:10
it's a really good editor. You you may
2:13
say you can edit your SVG files directly
2:15
in the browser using this application.
2:18
It's entirely coded inside HTML, CSS and
2:20
JavaScript. It's really easy to deploy
2:24
once you purchase it. If you do have
2:26
knowledge, you can even modify the
2:28
source code as well. Uh it has really
2:32
simple. You basically load an external
2:34
file. Likewise, as you can see that you
2:39
You have also got the download button,
2:41
copy to clipboard, everything is there.
2:44
So really simple application but yet
2:47
powerful. So if you are interested, the
2:50
link is given in the description. And
2:52
for building this, I just use
2:54
open-source libraries for this. So
2:56
everything will be uh free once you
2:59
purchase it. So no paid libraries I'm
3:02
using. I'm just using open-source
3:06
So definitely check out this
