Works with · Replit
Get feedback on apps built with Replit
Publish your app to a replit.app address, paste the link, and let clients or testers pin comments on the running app without a Replit account. Then paste one brief back into Replit Agent to make the changes.
Free for 3 projects. Reviewers never need an account. Or upload an HTML file.
Why Replit users use HTMLAnnotate
Replit Agent can build and publish a working app in one sitting, so the slow step is often getting clear feedback from the people it is for. You send a replit.app link, and the notes come back as screenshots, chat messages and vague descriptions like the list on the second page looks broken on my phone. Turning that into a precise prompt for Agent means first working out which page, which element and which screen they meant.
Replit has useful tools of its own. You can click an element in the preview and edit it, and the feedback widget lets visitors of a published app report issues to your Inbox and send them to Agent. Those are good for ongoing user reports. For a review round with a client, though, you also want threaded replies, priorities, a sign-off button, and notes kept apart by device, and you may not want a widget added to the app.
HTMLAnnotate wraps your published app in a review link without installing anything on it. Reviewers browse the real app, switch to Comment mode, and click the element they mean. Each note records the page, the view, and their browser, OS and screen size. When the round is done, Copy for AI copies every open comment, with CSS selectors and page paths, as one brief to paste into Replit Agent.
How it works with Replit
Three steps, about a minute.
Publish your Replit App
Click Publish in the top right of the editor, choose a replit.app address, and set Who can access your app to Public so reviewers can open it.
Paste the link
Copy your replit.app address, or custom domain, into HTMLAnnotate. It loads the running app and gives you a review link to send to clients or testers.
Fix it with Agent
Once comments are in, press Copy for AI and paste the brief into Replit Agent. Each change has the element, CSS selector, view and page path.
A full review round, start to finish
What a typical round looks like on Replit.
Publish, do not share the dev URL
The replit.dev development URL is private by default, temporary, and can change when you reopen the app, so it is a poor review link. Click Publish in the top right, pick a deployment type (Autoscale suits most Agent apps) and claim a replit.app address.
Set access to Public
In the publish flow, Who can access your app offers Public, Password protected, Workspace only and Invite only. Workspace only and Invite only ask visitors to sign in through Replit, which HTMLAnnotate cannot do. Choose Public for the length of the review round.
Create the review link
Paste the replit.app address into HTMLAnnotate. Your app runs live with its own scripts, and reviewers can move between pages, each with its own comments. Forms on the reviewed copy cannot be submitted, so testers will not create real records in your database.
Collect comments
Send the link. Reviewers enter a name and email once, browse normally, then switch to Comment mode and click a button, heading, image or chart. Ask them to tag each note as Bug, Copy, Design, Question or Idea, and to check the Mobile view too.
Triage the round
Reply in threads, @mention teammates, set priority and resolve what is settled. Copy edits can come in as suggested text that previews live on the page, ready to Accept. Keep only real tasks open, since those are what go to Agent.
Hand off to Agent and sign off
Press Copy for AI and paste the brief into Replit Agent's chat. Review its plan, then republish so the replit.app address updates. Send the same review link back and ask the client to press Approve. Export a CSV if you want a record of the round.
Replit's own tools and HTMLAnnotate
Use both. Here is what each is good at.
| What you need | Replit | HTMLAnnotate |
|---|---|---|
| Click an element to change it | Visual Editor in the preview, for builders | Comment mode, for any reviewer |
| Feedback from visitors | Feedback widget added to your published app | Review link, nothing added to your app |
| Send feedback to the AI | Inbox items go to Agent with Send to Agent | Copy for AI brief for Agent or any tool |
| Restrict who can open the app | Password, Workspace only or Invite only access | Comments on/off switch per link |
| Device-specific comments | Not covered in the docs | Separate Desktop, Tablet and Mobile comments |
| Triage and sign-off | Resolve and delete in the Inbox | Labels, priority, replies, Approve button, CSV export |
What works
- Comments on the real running app at its replit.app address
- Nothing added to your app's code, so no republish just to collect feedback
- CSS selectors and page paths in the brief for Replit Agent
- No Replit account needed for reviewers
- Desktop, Tablet and Mobile comments kept apart
- Approve button and approval count for client sign-off
Good to know
- Screens behind your app's own login, including Replit Auth, cannot be reached by reviewers yet.
- Workspace only and Invite only access ask visitors to sign in through Replit, so set access to Public during the review round.
- The replit.dev development URL is private and temporary. Publish first and share the replit.app address.
Tips for better Replit reviews
Republish before each round
Reviewers see whatever is published at your replit.app address. After Agent makes changes, republish from the Publishing tool, then open the review link yourself to confirm the new version is live before you send it.
Add demo data
Forms cannot be submitted on the reviewed copy, so a fresh app with no records looks empty. Ask Agent to seed realistic sample data before you publish, so lists, tables and dashboards have something to comment on.
Make a public demo path
If most of your app sits behind a login, ask Agent to add a public demo page or a read-only view of key screens. Reviewers can then comment on the real layout without signing in.
Give Agent the whole brief at once
Paste one Copy for AI brief after the round instead of feeding Agent comment by comment. It sees every change, with views and page paths, and can plan the work in a sensible order.
Questions about Replit
Do testers need a Replit account?
No. They open your review link, enter a name and email the first time, and start commenting. Your app must be published with Public access so they can load it.
Can I share the replit.dev link instead?
It is better not to. Replit's development URLs are private by default, temporary, and can change when you reopen the app. Publish to a replit.app address and share that.
Replit has a feedback widget. Why use this?
The widget is good for ongoing reports from your users and is added to your published app. HTMLAnnotate suits a structured review round: threaded replies, labels, priority, separate device views, suggested text, an Approve button, and nothing installed on the app.
Can testers comment on mobile?
Yes. They switch to the Mobile or Tablet view and comment there. Each comment stays in the view it was left in and records the reviewer's browser, OS and screen size.
Is it free?
Yes, to start. The free plan includes 3 active projects with unlimited pages, reviewers and comments. Links last up to 14 days when you are signed in, or forever on Pro at $10 a month.
How do I send the comments to Replit Agent?
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 Agent's chat and ask it to work through the list.
Other AI tools
HTMLAnnotate works with any page anyone can open in a browser.