Up next in 10
Build & Edit Websites Instantly with Web Editor Google Chrome Extension
Aug 18, 2025
Get the full source code of application here:
View Video Transcript
0:00
Uh hello guys, welcome to this video. So
0:02
in this video, I'll show you a Google
0:03
Chrome extension which you can directly
0:05
use to customize any website without
0:08
coding. So while you browse the website,
0:10
you can do it in a live way. So this is
0:12
the extension. If you go to Chrome
0:15
extensions tab, simply type this web
0:17
editor. This extension will come right
0:19
here. And here you will be able to
0:21
customize any website using its live
0:24
editor. You don't need to code the
0:27
website. You click this add to chrome
0:29
button. So simply install this. After
0:31
installing it, simply pin this
0:33
extension.
0:36
So it is called as web editor.
0:42
So for this let me just remove some of
0:45
the extensions.
0:54
So just refresh and uh now you just need
0:58
to pin this extension which is web
1:01
editor.
1:03
So it will look something like this
1:04
right here.
1:07
And now if you visit any web page let's
1:10
suppose I go to w3schools.com simply
1:12
click this extension and now simply
1:15
highlight any
1:17
thing that you need to customize. So you
1:19
can simply customize it by just
1:22
selecting it and just selecting it with
1:26
your mouse and you will be able to
1:28
modify any element. You can change its
1:31
uh color as well using this fully
1:33
fleshed editor.
1:36
You can just see how beautifully it is.
1:38
You can change the background color
1:41
alignment everything. You can customize
1:43
it. Simply need to select the element
1:46
and you can see that. So it's very easy.
1:48
You can change the orientation,
1:50
everything, color of the text. So this
1:53
is its full editor. So here you can
1:59
so you can see that. So this is the
2:02
background color.
2:04
Then we have different properties here.
2:06
This is your hexadimal and this is the
2:09
actual CSS code which is required. So
2:12
once you select any element in the page
2:15
once you select this it will give you
2:17
the CSS code which is there
2:21
or the selector.
2:25
This is a fully fleshed editor right
2:27
here. You can highlight any element and
2:29
edit them like this.
2:33
So this is your editor.
2:37
So you can see it runs entirely in the
2:39
browser. So definitely check out this
2:42
extension. It's totally free. And here
2:44
using this extension you can customize
2:46
any website right here live. You can
2:50
make changes any sort of changes you can
2:52
make here to the UI and simply see the
2:55
live review. So this is very easy
2:57
extension. You can do this with any
3:00
website. So this editor will open. You
3:02
just need to click the extensions tab
3:04
and this will
3:06
can also manipulate the size of the it
3:09
also shows you the size size of the
3:11
window as well. So definitely check out
3:14
this extension.
#Programming
#Web Design & Development