As of now, there are multiple AI tools that can clone a website just from a URL. We are going to actually look at lovable.dev, v0, and bolt.new in this video. We're going to compare the performance of each of these AI tools and see which one comes on top.
And in the end, we'll also analyze how this technology works. Okay, so let's get started. Let's start with lovable.dev.
But first, let's see which website we are going to clone. We're actually going to clone... fiverr.com and this is how the website looks okay and let's see if these ai tools can actually replicate the design of fiverr.com in its current state okay so i'm going to give this prompt so can you clone fiverr.com so fiverr is a freelance platform and it has this gigs that sellers can offer so i'll say add a gig page when clicking on gigs and add a header and footer in all the pages add placeholder images that are real images in both the home page and the gig page the reason i add that prompt in is because normally they'll just give all of these tools are going to give 600 by 400 an image a placeholder which looks like that but we want to see some real images so that the website looks complete okay so this is the prompt i'm going to just click on create in lovable.dev I'll go to v0, I'll give the same prompt here and enter, go to bolt.new and I'm going to say give the same and I'm going to give the same prompt there. Okay, so if you see here, this is the interface of lovable.dev.
You can see it is spinning up preview and few things are happening here. On v0, the coding has already started. And let's go to bolt.new.
There also coding has started. So you can see in bolt.new, you have all these files that has been created. Same thing on v0, less files.
We don't know much about lovable.dev. But yeah, it has started coding here now. So this is how each of these apps look. Let's look at what output comes out of each of these tools.
Okay, so none of them has finished just yet. It seems like bolt.new is the first one to finish. Okay, so this is what a bolt.new has come back to us with.
So it has taken the prompts as we gave it. So we've told to include real images and you can see that you have images here there is the header there is the footer okay if i'll just click on the gig page this is how it looks there is the header there for that and there is footer so okay there is this geek package a single package okay that's actually really good if you just look at full screen mode okay bolt.new has done really well although i'll have to say this is not how the fiverr website looks look at this this is how it is okay let's go back and now let's go to v0 that's completed let's go to okay even lovable.dev has got completed it let's have a look okay so this is what v0 has given us Again, image has been added. There is something missing here. It has the header, has the footer. Let's click on the gig page.
And it has single package. Okay. All right. More or less the same thing. It has something here.
Okay. It has added a few things. Fiverr Pro, which is not there here.
Become a seller. Explore. All right, let's go to lovable.dev.
And this is what you get. Once again, the image has been added. Let's click on that the standard package. Okay. All right.
So none of these websites look like this. Okay. Now, I know that this is more or less how the earlier version of Fiverr used to look like this is a brand new design So I think it is going by the initial designs.
But to be frank, this is a good starting point, I would say. If you are really looking to create a clone of a website, this would be good because this you probably might be using it to build your own brand. And this would be a good starting point for you. And all of this has come from a single prompt.
Okay, so what are we missing? So as of now, each of these tools have given similar kind of geek. page where there is a single package i'm just going to say give multiple packages in the gig page okay i will do the same thing for v0 okay let's see if it fills up okay here i'll also have to say that match the color of fiverr because fiverr has a green color and this clone doesn't actually look like a Fiverr clone.
Let's go to Bolt. This was the fastest and it still is the fastest one. Let's go into the geek page and it kind of spoiled the whole thing.
Okay, okay, this isn't how Fiverr does it. So it's gone away from the Fiverr design. Okay, let's go to V0. That's also finished. Okay, it still hasn't corrected this, which is weird.
But okay, v0 has done a really good job here with this toggle here. This is how Fiverr has the multiple package gigs. Okay, so I think that has been done well.
They've also added a toggle here. Okay, which is nice. They've added reviews. That is nice too.
So with multiple iterations, v0 tend to perform better, although they have not added a an image over here so yeah learn more button okay that's a problem okay let's look at lovable.tiv okay build unsuccessful so i threw up an error and this is how it is so let's try and fix that and i guess this is what you get an idea of what you can get out of this technology we don't really need to go further into this thing because What we've understood is that this is really very, very closer to the previous design of how Fiverr used to look like. So they're probably taking reference from a previous version or what is what actually the AI probably would have been trained on. I don't think it is going into a website URL and looking at the design and cloning it. V0 tend to take a picture, generally speaking. But in this case, it has not done that, which is surprising.
But that's how it is. So we'll do a short test as well. We'll give an easier website and see if it does anything at all.
Okay, let's go back here. So lovable.dev has not given us the green color that we asked for. And we asked for the packages.
It has done that pretty well compared to bold.new as well. Okay, so I don't think I can really say if one... has performed better than the other.
It has not, lovable.dev has not taken the instruction of using the correct color, the green color or the Fiverr color. It has not taken that. Okay. V0 looks more complete to be frank, especially with this, this looks very much like the Fiverr gig page.
So that is good. And bold.new initially it was good. It really was. But with the first iteration, it kind of started going a little off. But what we can learn from this is that these technologies can be used in some way or the other.
We can use it as a starting point for our websites. But we cannot just replicate a website as it is. At least not by just giving it a URL. That's not possible. So, yeah, we'll...
probably even you know try and give a less famous site okay i'll do the same thing with each of these websites let's i'm going to say clone system.io i'll copy that i'll give it to bolt i'll go to v0 start a new chat do that here and we'll do the same thing with lovable.dev okay paste it here and create let's see let's go to bolt and okay it just created a brand new website that's all No cloning business. To be frank, I don't think there is any cloning business. What it does is it probably reads through the text and creates a website as it feels.
That's what is going on. The design aspect of cloning is really not happening. Okay, that's the case certainly with Bolt.new. We have, oh nice.
So there is something that Vizoro has done that is that actually there in system.io so when you come to this website you have one of these pop up so they've actually added that okay but it's not a complete website like i said it's just the top portion and in this case v0 has taken a screenshot yeah yeah and that is what it has replicated okay let's go to lovable.dev it has okay a complete page at least it doesn't have a header does this have a header yes it does have a header but they've not added a header so this is you know you can look at it at some a bit of if you want to have a little bit of fun with it you can use it but otherwise this doesn't have a real application but if you want to get started have a decent website to start and then you can add extra codes then you can certainly do it so if you just look at this technology that is what i feel like You can get a starting point if you feel like you want to start a freelancing website. You can take one of these websites and say clone this website and use that as a starting point. Okay, so that is what I would say we can use these tools for.
I'm specifically talking about the cloning technology. But even now I would still either use cursor or directly use cloud to code stuff. This has its own limitations. If you're really looking at building some applications, some of the lighter applications will work, but I don't think it can really create something complicated.
But that's just what it is. So you can build some websites and take a base frame and then develop it better. That's what I think these AI tools can do for you. So yeah, that's it for this video.
If you would like to see more videos like this, please subscribe to the channel, like this video and share it with your friends. I'll see you in the next.