Up next in 10
Build a Website with Trickle AI in 5 Minutes | AI Coding Tutorial 2025
Sep 16, 2025
Want to build a website in just 5 minutes? 🚀 In this video, I’ll show you how to use Trickle AI to create a fully functional website lightning-fast! Perfect for beginners or anyone curious about AI coding and coding with AI. ✅ What you’ll learn in this tutorial: How Trickle AI works for building websites Step-by-step guide to create a website in 5 minutes Tips and tricks to code smarter using AI Real examples of AI-powered websites If you want to save time and boost your coding skills, this is the ultimate Trickle AI tutorial for you! 💡 Don’t forget to like, comment, and subscribe for more AI coding tutorials! #TrickleAI #TrickleAITutorial #HowToUseTrickleAI #AICoding #CodingWithAI #BuildWebsiteFast
View Video Transcript
0:00
Hi friends, welcome to Taspanic channel.
0:02
Do you believe if I create this website
0:05
within 5 minutes
0:08
through AI?
0:10
Okay, so this is very color colors are
0:13
very awesome. Okay, this this I'm not
0:16
elected this color. This all the colors
0:18
are think and done by the very best I
0:22
recommend here. This colors are very
0:24
here. This gradients are very awesome.
0:27
Color mix are very awesome. this color
0:29
full website. Okay. So here this is the
0:31
simple toy
0:33
store e-commerce website. Okay. So here
0:36
you can see here here these are the card
0:38
sections are there. So if you want to
0:39
add this toy so I'm going to this toy
0:43
click on it. It is has been added issue
0:45
card here added. I have already added
0:48
here to this is completed. So here if
0:52
you decrease the size here it will be uh
0:55
the order has been here it is if you
0:57
quickly check okay checking this card is
1:00
empty continue shopping so everything
1:03
are there okay so here the shopping now
1:05
everything are there we have categories
1:07
everything categories if you click on it
1:08
categories okay so toys this toys area
1:12
if you go to the toys and context
1:14
information everything we have added
1:17
through this if you want any do the
1:19
modification also we have to ask that AI
1:22
tool to make the modification. That is a
1:25
things that is a very important and very
1:28
best step we can develop by this AI
1:30
tool. Uh let's dive into the video step
1:33
by step.
1:37
Hi friends, welcome to tuto channel.
1:39
Today I'm going to teach the best AI
1:42
which help you to build the website
1:45
using AI platform. So this is called as
1:48
tricky AI. Okay. So the you have to type
1:52
on the tricky dots. So which is
1:54
extension. You can get this AI. Click on
1:57
it.
2:00
Okay. You have click on it. You can see
2:02
over here. So you have to get start for
2:05
free. You have to start your free
2:08
account. You can login via your Gmail
2:11
credential.
2:14
After I logged in, you can get this user
2:17
interface. Okay. So here you can see
2:20
there is a community project. So this is
2:22
community is very important stuff. This
2:24
is a previous project will be created by
2:26
your uh some some of the guys. Okay. So
2:30
you can see website these are the
2:31
websites. So the personal app you create
2:34
the personal apps something like that
2:35
here there are loading animation
2:38
creators.
2:41
So portfolio you will be able to the
2:43
website portfolio as well. Portfolio
2:45
websites you can see over here. But you
2:48
will be able to you have both work for
2:50
your website. You can get the idea. So
2:52
there are several of the forms you can
2:54
see this here the simple forms designs
2:58
there are many where dashboards the the
3:00
software dashboard you can get it. So
3:02
the so now I'm going to get the this one
3:04
say you can see here canvas this canvas
3:07
you can see the images everything is
3:08
there. So this these are theories. So
3:11
create the booking system. Okay, here
3:13
what I'm going to do is I'm going to
3:14
create a I'm going to I am going to I
3:19
need
3:20
to create a
3:25
website
3:28
for
3:31
toys shop.
3:35
Okay,
3:39
click on it.
3:44
You have to wait while the website is
3:47
creating you will see here it's creating
3:49
here you can see here
3:53
everything are created by AI
3:56
from the touch here you will be able to
3:57
see this is the beauty of this here okay
3:59
here so everything is written
4:02
the description here everything you can
4:04
see here at the same time while it's
4:06
creating
4:08
you can say creating the processing your
4:10
meta title here every everything are
4:12
returning here you can see same that's
4:15
the beauty of this AI tool
4:18
the recently I tested this is the very
4:20
best AI tool for we are developing the
4:24
websites
4:26
okay from the scratch it will be
4:28
designing your websites
4:32
so you have to wait
4:34
for time it it is doing okay everything
4:37
you have to wait and see what what they
4:40
the styles and everything it will be
4:43
implementing.
4:45
Okay. So that uh HTML, CSS bodies and
4:48
everything you can see over here. So
4:49
everything you have to wait until things
4:51
is created successfully.
4:54
Now your website is ready to go. Here
4:58
you can see it's a very simple and
5:00
beautiful website you have created from
5:03
this AI to here of publishing and you
5:06
can check it out how it look like. Here
5:09
public it is this you can a custom doain
5:12
you can set as a custom doain over here
5:15
this is very best I to here you can
5:17
check it over here click on it this URL
5:20
you just copy it you can see here how
5:22
the system is works
5:26
yeah it's very beautiful project you
5:29
have created just
5:32
5 minutes see very good AI which will be
5:36
you have created It's a very simple AI
5:39
you have created using this AI tool. Not
5:42
only this, you can create any things you
5:44
want. So if you want to do any mod
5:47
modification stuff, so you can ask from
5:49
here. Okay. What would you like to
5:52
create to modify? What you would you
5:54
like to create a modify? You will be
5:55
able to create and modify. Okay. So this
5:57
is a preview this canvas code. If you go
6:00
to the code section, what are the you
6:02
can check the code as well. Here it's a
6:04
course simple website course you will be
6:07
able to see this a course everything
6:10
course you can say the abode here you
6:13
can everything you can go and learn okay
6:17
this components they are using JS this
6:19
completely they are creating by the JS
6:22
components okay this all things are we
6:25
done that's why this this is here this
6:27
is very simple here
6:29
okay here so all the things that's why
6:32
the website is more powerful very fast.
6:35
Okay, this is the uh front end
6:37
application developing the front end
6:39
application though that's very fast it's
6:41
not refreshing. Okay, you can see here
6:43
you click on the categories it's not
6:45
refresh. Okay, because this things are
6:48
done by the JS. Okay, JS we are using
6:50
the uh it may be they are using uh view
6:53
or react they using and done this
6:56
website without refreshing here very
6:59
smart website. Okay, if you want to make
7:01
the website you will be able to go over
7:03
here. So if you want to publish it you
7:05
can this website you have to get it in
7:07
your domain. You just change your naming
7:11
server as well. You can it it has been
7:13
run as your normal domain. So what the
7:16
changes you are doing you will be able
7:18
to put it here. So here we have to do
7:21
some something else. If you have to add
7:23
some more pages you can add it over
7:25
here. So I needed a
7:28
uh if you want to add a card section
7:35
card
7:44
now here it add the card section here
7:46
now it's modifying I can see that it's
7:49
modifying you have to wait until the
7:51
card section has been added
7:54
Now we have successfully added the card
7:57
state management log. Okay, everything
8:00
are done. So again we have to publish
8:01
that one.
8:08
It's published success. Now what you
8:10
want? Copy this. The same thing the same
8:12
is running here. Let's refresh it.
8:16
So here the card section is there.
8:19
You'll be able to see the card section.
8:20
Here the card is start shopping. The
8:23
card section here. If I go over here,
8:24
you can see the car section here. If you
8:26
click on it, this has been added to
8:29
software. Then you have to add the car
8:30
section as well. Okay, the very simple
8:32
here. Start is added one here. This item
8:34
is added here. If you have increase it
8:37
here, very simple.
8:40
Okay, it's very simple. You have to add
8:42
the simple app using this one.