FeatureLovable Vibe Builder Non Technical

Lovable Build with URL links now reference public web pages

By Harsh Desai22 June 2026

TL;DR

Lovable's Build with URL links can now reference public web pages alongside images. The feature uses the referenced page's layout, content, and styling to recreate or iterate on it.

What changed

Lovable expanded Build with URL links to reference public web pages alongside images. The feature pulls layout, content, and styling directly from the page to support recreation or iteration. Vibe Builders, Basic Users, and Developers can now apply this when working on web projects.

Why it matters

Vibe Builders gain the ability to match real site aesthetics in use-cases like replicating a competitor landing page structure. Basic Users and Developers see faster starts from actual web references instead of text descriptions alone.

What to watch for

Test outputs against alternatives such as manual code prompts in other builders. Developers should verify by loading a public URL, reviewing the generated preview, and comparing styling fidelity in the editor pane.

Who this matters for

Vibe Builders: Paste a competitor URL to instantly clone their layout and styling for your own project iterations.
Basic Users: Skip complex text prompts by using existing web pages as a visual blueprint for your new site.

Harsh’s take

Lovable is closing the gap between inspiration and implementation. By allowing direct URL references, they are bypassing the friction of descriptive prompting which often fails to capture specific layout nuances. This is a direct hit to traditional design-to-code workflows.

Operators should use this to rapid-prototype landing pages based on proven high-converting designs. While fidelity will vary based on CSS complexity, the ability to pull live styling data makes this a superior starting point compared to static image uploads. It is a pragmatic move that prioritizes speed and visual accuracy for non-technical builders.

by Harsh Desai

Source:docs.lovable.dev