Up next in 10
Stagewise AI Code Editor That Codes Your Apps in Browser— Claude & Cursor FREE Alternative??
Aug 12, 2025
Get the full source code of application here:
Show More Show Less View Video Transcript
0:00
Uh hello guys welcome to this video. So
0:02
in this video I'll show you a AI
0:04
development tool which runs locally
0:07
inside your browser. So this is called
0:09
as stage wise.io. If you just type this
0:12
on uh browser simply visit this website
0:15
and this is your front end coding agent
0:17
for your production level application.
0:20
So if you're building any sort of
0:21
application you can install it locally
0:24
by executing this command npx stage wise
0:27
at the rate latest. Simply run this
0:29
command in the root of your application.
0:32
So what sort of application you're
0:33
developing? Simply open VS code. Go to
0:36
the terminal section and simply install
0:39
this. So what you will do? You simply
0:41
copy this command
0:44
and right here. So right you go to the
0:50
or you can simply open the terminal
0:52
right here. Simply open and just paste
0:56
this command npx stage wise at the rate
0:59
latest. So this will install this
1:02
locally inside your machine. So just
1:05
press the Y button to install this. So
1:08
once you install this, this will be
1:09
installed here. So you will see the
1:12
front- end coding agent for your
1:14
production code basis. So right here you
1:16
need to provide what port number is your
1:20
app running on. So right here you just
1:22
need to provide the port number. So by
1:24
default if I open this
1:28
application this is a simple
1:36
calculator. So if I just start this
1:38
application.
1:41
So by default this is my port number
1:44
here which is 3,000. So what I will do I
1:47
will simply say 3,000. So by default 3.2
1:52
would you like to save this
1:53
configuration to state wise? So I will
1:55
say yes. So now it will create a new
1:58
file stage wise.json file. Would you
2:01
like to share usage data? I will say no.
2:05
So it will open your authentication URL.
2:07
So just need to make sure that you sign
2:09
in. So just enter your email address and
2:13
they will send out this magic link and
2:16
you just need to authenticate. First of
2:18
all, simply open your email address and
2:23
so this will be the magic link that they
2:25
will send you.
2:31
So just need to confirm.
2:36
So after you confirm right here simply
2:38
click this button confirm your email
2:43
and just click authenticate. After that
2:46
authorization will be successful. Now
2:48
you will basically get this no
2:50
subscription get more
2:54
credits. So you can purchase some more
2:56
credits if you are need up to simply
3:03
how to install Sage Wise. You can get
3:05
full access. So by default you get two
3:07
credits. After that you need to
3:10
purchase. So if you can click get full
3:13
access, you can subscribe to the paid
3:16
subscription plan which costs you £20
3:19
per month
3:21
and then add your credit card. So now
3:25
what this will do if I open my
3:29
application right here.
3:37
So this will be the application which is
3:40
running right here. If you see,
3:44
so by default, if you go to this, you do
3:47
need to just type here stage wise.
3:52
You need to installs, you can install
3:54
local.
3:58
So this will actually show right inside
4:00
your window. I think
4:12
So inside this file it will see stage
4:15
wise.json it will create this file for
4:17
you.
4:21
So the port number is 310 0.
4:30
So
4:32
now this will open this. If you see add
4:34
new button to the right top right
4:36
corner. So this stage wise will add
4:38
these. This is the their button right
4:40
here. They have added this button. So
4:42
right here I can just say just modify
4:46
this
4:48
UI
4:50
to a dark
4:53
user interface.
4:56
So as I just interact with this you will
4:58
see stage wise AI will definitely work
5:00
directly in the browser. So now it is
5:03
calling and modifying this UI instantly
5:06
in the background. It will read your
5:09
index html file and instantly it will
5:14
work on it and convert this into a dark
5:16
UI. So right in the browser itself it
5:19
will make the changes inside your user
5:22
interface.
5:26
So,
5:32
so you can see that so it is actually
5:34
modifying your source code
5:37
the CSS right here. So, it changed.
5:44
So, right here you will actually see
5:46
this button right here. It is still
5:48
working. It is making those changes.
5:57
So this is a very good tool guys which
5:59
will add these buttons right here. You
6:01
can basically select any of the elements
6:04
right in the browser itself. It works
6:07
and it can works up to react view
6:10
angular swelt any sort of web
6:12
application that you're working right
6:13
here. Simply install this. The command
6:15
is simple npx stage wise at the rate
6:18
latest
6:20
and uh
6:23
you can work as your AI coding assistant
6:25
right in the browser itself. So,
6:47
so you can just see guys uh this will be
6:50
the tool which will get added. You can
6:52
basically select any element and change
6:54
it instantly. Also check out my website
6:58
freemediattools.com
7:00
uh which contains thousands of tools.
#Programming
#Software