Merging UX/UI Loveable AI third party to existing replit project

I have a quick question. I built an app in replit and it’s very straightforward, without any fancy dynamic CSS features. Then I used Lovable AI to create a landing page that looks more appealing. Now I want my existing application to use the Lovable AI landing page so that the design transitions smoothly, without breaking anything, and so it can inherit the styling.

Here’s what I’ve tried:

  1. I uploaded the landing page to the github.
  2. I downloaded it as a folder and then added it to my replit app.
  3. I pointed the app toward that folder, hoping it would apply the new styling from the Lovable AI landing page.

Unfortunately, my app is still showing up with a basic, minimalistic style and isn’t picking up the new design. Has anyone already done something like this or have any advice? Thank you!

How about the following steps?

  • Put the URL of the LP in the Replit Agent prompt field
  • Select Take screenshot and pass the landing page content
  • Ask the Agent to “Implement this landing page.

Thank you! tried it, screenshot wont capture all styling for some reasons. This is what I like https://taxpay-glow-portal.lovable.app/ and screenshot was like that see attached

Oh, you used a lot of animation.
It might be difficult to reproduce it as it is if I send you a screenshot, so I took a screenshot using a Chrome plugin. Why don’t you throw this screenshot to Agent’s prompt?

Replit is able to do all these effects and more, it seems alot of extra steps, if you instruct it to do the effects you need it will include them in the theme, it can use tailwind and other libraries to achieve this.

1 Like

Thank you! let me try that

Possible - but layouts that I was working always predetermined (fonts, css and etc) with styles and I was thinking to do clone could be much faster without burning credits and its just for landing page

I have also signed up for Loveable along w. Replit lately. Perhaps it might be possible to do it the other way around? I think Loveable has a greater focus on UX and design, at least it feels like it.

I kinda find a way around created landing page on loveable https://demo.taxpaycpa.com/ and then connected it to backend build on replit https://taxpaycpa.com

Try using Replit Agent v2, you can use it in early access by activating Explorer on your account settings. It’s a bajillion times better at the first pass design and at making clones of existing sites.

1 Like

awesome! you made my day, was digging to test a2 feature!

Holy schmoly, you’re right! Night and day. Seems like I just started using Replit again :grin: