DEV Community

Constanza Diaz
Constanza Diaz

Posted on

Lovable vs V0 - Vibe coding a Single Landing page

Today I am testing Lovable and V0 to create the website for Oriana Di Guida, a Image consultant for men.

I have to say that I like working on V0 better than Lovable, especially because it allows to edit the code in the browser... but the results were so much better in Lovable for the first attempt this time. This is the result from the prompt that I will provide at the end of this article, although I did make a few little tweaks:

Lovable1
Lovable2
Lovable13

and this is the first attempt of V0, you will see that the design is so much simpler and didn't mathe the colors I wanted:



On the other hand, now V0 has a new feature for creating Design Systems, so I created my own DS with my desired colors, for light and dark mode:


And now... after applying a customized DS/theme... The page looks much more professional and elegant than Lovable. Although I am having troubles to update the fonts, which I still don't love.


Top comments (1)

Collapse
 
vibetechie profile image
Aayush

Love this comparison! I’ve been switching between Lovable, V0, and recently Imagine.bo, and it’s interesting how each tool shines differently. Imagine.bo gives more structured layouts, while V0 is great for tweaking. A side-by-side test with all three would be super fun to see!
Anyone who starts their first project on Imagine.bo gets free PRO access with 150 credits. As soon as your first build is ready, the PRO credits kick in automatically.