Up next in 10
Kilocode AI Open Source VSCode Extension to Deploy & Code Unlimited App FREE | Beats Claude & Gemini
0 views
Sep 1, 2025
Check the full description to see all Payment Links to Buy Source Code: Buy the Source Code with PayPal (in USD): https://www.paypal.com/ncp/payment/5AGGYJECQVZJC Live Demo of App: Buy the Source Code with Stripe (in INR): https://buy.stripe.com/5kQ4gB8rCbcydjD4Vm14f1J More Payment Options: Watch My Visual Studio Code IDE Setup Video For Fonts,Themes & Extensions https://youtu.be/Bon8Pm1gbX8 Hi Join the official discord server to resolve doubts here:
View Video Transcript
0:00
I will show you a open-source VS code
0:02
coding extension similar to claude
0:05
cursor and gemini. So basically it is
0:08
called as kilo code k i l o c o d e k
0:12
kilo code- ai as this is the address if
0:15
you go to the browser simply type this
0:17
and right here uh it's completely open
0:20
source uh so inside their homepage you
0:23
can actually see so this is a best AI
0:26
coding assistant similar to GitHub
0:29
copilot and claude and cursor and gemini
0:31
so it's available for VS code as well
0:34
and cursor as well so you can install
0:36
all this and basically you can start for
0:38
free and then pay as you go.
0:42
So you can use any AI model, any premium
0:44
AI models, 400 models are there, free
0:47
ones as well, local, you can even use
0:49
your local model as well. So it's
0:52
completely open source. So if you want
0:54
to check out their GitHub repo, it's
0:56
available on GitHub as well. So you can
0:58
check out their source code as well. So
1:00
it's completely open-source AI coding
1:02
assistant and you can generate code from
1:05
natural language code your application,
1:09
deploy them, run terminal commands. You
1:11
can also automate the browser. So when
1:16
you sign up, you will basically get $25
1:18
in free credits, $5 when you sign up.
1:23
Uh the these are all the features right
1:25
here. Now to install this, simply go to
1:27
your BS code. Simply go to the
1:30
extensions tab. Simply type here kilo
1:32
code and this extension will come right
1:35
here. If you see,
1:39
so it's an open-source AI coding
1:41
assistant and
1:45
simply click the install button. After
1:47
installing this extension, it will
1:49
activate and it will show it inside the
1:52
sidebar section right here.
1:57
So now once it is installed right here,
1:59
you will see this extension will appear
2:01
right here. Kilo code right here. So
2:03
just need to activate this extension.
2:05
After you activate this
2:09
and now you will actually see this
2:11
sidebar section inside the text prompt
2:14
you can write anything and whenever you
2:16
sign up free credits available. So
2:19
whenever you add a credit card payment
2:22
method these credits will be available
2:24
inside your account. So you can claim
2:27
this and just open this. So you just
2:30
need to sign up for this. So simply sign
2:33
up using your Google or GitHub account
2:36
and once you sign up these credits will
2:38
be granted to you. So now you can see my
2:42
balance has these credits available. So
2:44
you can get 20 more $20 more by simply
2:49
adding payment details right here.
2:52
So now you can just try this for
2:55
completely free and just close this.
3:00
So right here you can reference files as
3:03
well inside this just type add the date
3:07
and then you can add a certain file as
3:09
well or a folder
3:11
and just I will say uh remove all the
3:15
code from here
3:19
and build a image to PDF web app
3:24
with advanc.
3:28
So I just ask a question right here.
3:30
Build a image to PDF application. So now
3:33
it is
3:35
actually generating the response for us.
3:37
It is actually reading all the code
3:39
which is available in this file and then
3:41
modifying it.
3:44
So
4:02
Just
4:04
you can even terminate the task as well.
4:06
So
4:08
here you can reference add a file.
4:16
So as you can see we are using uh the
4:18
latest models right here. Enthropic
4:21
Quen, OpenAI, GPD5, Google Gemini 2.5
4:25
Pro. All the premium models are there
4:26
and it's at a single place. So you can
4:29
select any model right here. So right
4:31
here you can just
4:37
so you can say create a new
4:41
image to
4:44
PDF in the current directory and make a
4:50
image to PDF web app in browser. So now
4:54
just use simply do do this request. So
4:57
it will now create an image to PDF
5:00
application that runs in the browser.
5:16
So what you can do is that you can
5:18
actually create a new directory. Uh
5:33
and simply open this.
5:44
So just opening it in a
5:48
new directory the VS code. So now it can
5:51
actually start it from scratch.
5:54
So once you do this you basically open
5:57
this.
6:02
So once it activates you just open it it
6:05
in a brand new directory where no other
6:07
files are present and then it can
6:09
generate application for you.
6:19
So if you refresh now it will the
6:21
credits will go away as you make the
6:23
request here. So it's still $4 63
6:25
credits are there. So I can simply say
6:28
make a image to PDF
6:31
web app and browser in the current
6:34
directory
6:37
create files. So as you make the request
6:40
here uh it will just make a image to PDF
6:43
web application.
7:00
Simply select them and then after that
7:03
it will make this application for you.
7:12
So side by side you also see the cost
7:15
here which it shows you what is the cost
7:19
of this request. The tokens are consumed
7:21
right here and now it is making this
7:41
So first of all it will make the
7:43
implementation
7:45
markdown file here which will list out
7:47
all the functionalities of your
7:49
application. So as you can see it is
7:51
generating it and you can try this for
7:54
completely free. After that,
7:58
then it will make this
8:04
the rest of the file save.
8:18
So basically it's architect mode here.
8:21
So there are different modes right here.
8:23
So
8:25
you can actually select different modes.
8:27
So this is architect mode and this is
8:30
the ask mode. You can get answers and
8:32
expl explanations. This is the code
8:34
mode. So right here you just need to
8:37
select the code mode right here and then
8:39
just select
8:41
write a
8:44
just delete all the files that you
8:46
generated.
8:50
So write a image to PDF.
8:53
web app in browser.
9:00
So from here you just need to select the
9:02
code board from the drop-down and now it
9:05
will generate the code for you.
9:17
So now it is writing the code for you.
9:19
You can see that
9:52
So just click run command. So it will
9:54
create a new CSS file for you as well.
9:57
So
10:02
So now you can see it is creating a CSS
10:05
file for you.
10:12
So side by side you also see the live
10:15
preview of the application what it is
10:17
generating.
10:34
So you can even activate the dark mode
10:36
as well.
11:02
So it created the CSS file for you. You
11:04
can see that it's a fully stylesheet
11:06
about 721 lines of code here. So this is
11:10
the UI of the application is complete.
11:12
Now it will generate the JavaScript code
11:15
here.
11:17
which will be containing the logic of
11:19
the application.
11:27
So now it is generating the JavaScript
11:29
code here.
12:09
So,
12:12
so now the application is complete. You
12:14
can test it out by opening it in a
12:17
browser.
12:19
So, it's a image to PDF application. Uh
12:22
you simply select a bunch of images.
12:28
Then you can select the page size,
12:31
orientation, landscape, portrait, image
12:34
quality. You can even adjust. Click on
12:36
convert to PDF and uh then click
12:39
download and you will see instantly the
12:42
images have been successfully downloaded
12:45
as a PDF document. So you can even
12:48
activate the dark mode as well. So this
12:50
is a fullyfledged application that we
12:52
developed using this VS code extension
12:54
which is completely open source and
12:57
whenever you sign up you basically get
12:59
five credits.
13:01
Uh you can see that
13:06
these are your remaining credits. Simply
13:08
you can try this kilo code open-source
13:11
extension for coding. It's
13:16
a great alternative to cloth cursor and
13:18
gemini. So definitely check out this