Lovable · AI tool

Get feedback on apps built with Lovable

Paste your published lovable.app link and send clients or testers a review link that never asks them to sign up. They click the exact element, type a note, and you hand the whole list back to Lovable in one paste.

Free for 3 projects. Reviewers never need an account. Or upload an HTML file.

Why Lovable users use HTMLAnnotate

Lovable gets you from a prompt to a working app quickly, which means the slow part is now feedback. A founder, a client or a handful of beta testers opens your lovable.app address, clicks around, and then sends their thoughts back in whatever way is easiest for them: a long message, a voice note, a screenshot with a red circle. You then have to work out which screen, which button and which screen size they meant before you can write a single prompt.

Lovable has its own project comments, and they are good for people working inside the project. Guests can also comment through a shared preview link. But those comments live on the preview, not on the published app your client actually visits, and preview links on Free and Pro expire after seven days. Screenshots and Loom recordings lose the element entirely, and email threads split one round of feedback across five replies that nobody can mark as done.

HTMLAnnotate works on the published app itself. Reviewers open one link, browse the real site with its own scripts running, then switch to Comment mode and click the element they mean. Each note records the page, the view (Desktop, Tablet or Mobile), and their browser, OS and screen size. When the round is in, Copy for AI turns every open comment into a brief with CSS selectors that you paste straight into Lovable's chat.

How it works with Lovable

Three steps, about a minute.

Publish your Lovable project

Click Publish in the top right of the editor, then Publish changes. Set the audience to Public so reviewers can open your your-app.lovable.app address without a Lovable login.

Paste the link into HTMLAnnotate

Copy the lovable.app address, or your custom domain, and paste it in. HTMLAnnotate loads the live app and gives you a review link to send.

Paste the brief into Lovable

When comments are in, press Copy for AI. Paste the brief into Lovable's chat and it gets each change with its element, selector, page path and view.

A full review round, start to finish

What a typical round looks like on Lovable.

Publish the version you want reviewed
Lovable does not push edits live on its own. Click Publish, then Publish changes, so the lovable.app address shows your latest work. A small dot on the Publish button means the editor has changes newer than the live site, so check it is gone before you send anything.
Check who can open the app
In the publish dialog, the audience picker decides who can visit. Choose Public, which reads Visible to anyone with the link. Workspace and Invite only audiences ask visitors to log in, and HTMLAnnotate cannot get past a sign-in form, so keep the app public for the length of the round.
Create the review link
Paste the published address into HTMLAnnotate. Your app runs live, with its routing, menus and animations working, and reviewers can move between pages. Each page keeps its own comments. Forms on the reviewed copy cannot be submitted, so testers cannot create real records in your Supabase tables by accident.
Send it and collect comments
Share the link with your client or testers. They give a name and email once, browse normally, then switch to Comment mode and click anything: a heading, a button, a card image. Ask them to add a label such as Bug or Copy and a priority, and to check the Mobile view as well as Desktop.
Sort and discuss
Reply in threads, @mention a teammate, and resolve what is settled. Copy changes can arrive as suggested text: open the comment and the new wording previews live on the page, so you can press Accept before asking Lovable to write it. Reopen anything that comes back wrong.
Hand the fixes to Lovable and get sign-off
Press Copy for AI and paste the brief into Lovable's chat. Each item names the element, its CSS selector, the view and the page path, so Lovable can find the right component. Publish changes again, send the same review link, and ask the client to press Approve when it looks right.

Lovable's own tools and HTMLAnnotate

Use both. Here is what each is good at.

What you need	Lovable	HTMLAnnotate
Comments pinned to elements	Yes, project comments in the preview	Yes, on any element of the live site
Guests comment without an account	Yes, through a shared preview link	Yes, name and email once
Comments on the published app	No, guests comment on the preview only	Yes, on your lovable.app or custom domain
Link lifetime	Preview links expire after 7 days on Free and Pro	Up to 14 days on Free, forever on Pro
Send feedback to the AI	Send to chat passes a thread to Lovable directly	Copy for AI brief works in Lovable or any AI tool
Labels, priority and sign-off	Threads, mentions, resolve	Labels, priority, suggested text, Approve button, CSV export

What works

Comments on the published lovable.app site your client actually uses
Reviewers need no Lovable account and never see your editor or code
CSS selectors in the brief help Lovable find the right component
Separate Desktop, Tablet and Mobile comments, so phone fixes stay separate
Suggested text changes preview live on the page before you prompt
Approve button and approval count for client sign-off

Good to know

Screens behind your app's own login, or a Workspace or Invite only audience, need a sign-in form, so reviewers cannot reach them through HTMLAnnotate yet.
Lovable's Send to chat passes a comment thread to Lovable without copying. With HTMLAnnotate you paste the Copy for AI brief yourself.
Reviewers see the published version. Changes you have made in the editor but not published will not show up.

Tips for better Lovable reviews

Publish before every round

Lovable keeps edits off the live site until you click Publish changes. Publish, wait for the dot on the Publish button to clear, then open the review link yourself once before sending it to anyone.

Check the Tablet view closely

Lovable builds with Tailwind CSS, whose default md breakpoint is 768px and lg is 1024px. Layouts often shift around those widths, so ask reviewers to leave Tablet comments as well as Desktop and Mobile ones.

Batch the brief, then prompt once

Instead of prompting Lovable for each note, wait until the round is in and paste one Copy for AI brief. Lovable sees every change together, with selectors and page paths, and you spend fewer messages.

Seed demo data first

Reviewers cannot submit forms on the reviewed copy, so empty states stay empty. Add sample records to your app before the round so lists, dashboards and cards show realistic content people can comment on.

Questions about Lovable

Do reviewers need a Lovable account?

No. They open your review link, enter a name and email the first time, and can comment straight away. They never see your Lovable editor, chat or source code.

Lovable already has comments. Why use this?

Lovable's comments are useful while you build, and guests can comment on a shared preview link. HTMLAnnotate adds comments on the published app, separate device views, labels, priority, suggested text, an Approve button and links that can last longer than seven days.

Can I review a Lovable app with a custom domain?

Yes. Paste the custom domain instead of the lovable.app address. Any public link works, as long as visitors do not have to fill in a sign-in form to see the page.

Will reviewers change data in my app?

No. Forms on the reviewed copy cannot be submitted, so testers cannot sign up, place orders or write to your database. Nothing is installed on your app either.

How do I get the comments back into Lovable?

Press Copy for AI. It copies every open comment as one brief, with the element, CSS selector, view, page path, suggested text and replies. Paste it into Lovable's chat and ask it to work through the list.

Can testers review the mobile version?

Yes. They switch to the Mobile or Tablet view and comment there. A comment left in one view stays in that view, so Lovable knows which layout each fix belongs to.

Other AI tools

HTMLAnnotate works with any page anyone can open in a browser.

Claude ChatGPT Gemini v0 Bolt Cursor Replit +See all