Blog · Updated 19 September 2026
How to remove the Edit with Lovable badge from your website
Where does the badge come from?
We checked a real project. The copy published on lovable.app contained the badge, and the exact same code exported and hosted elsewhere did not. Search your code for the word badge and you will find nothing to delete, which is why prompts asking Lovable's AI to remove it do not work.
Option 1: a paid Lovable plan
Paid plans include a setting to hide the badge. Upgrade, open your project's settings, turn the badge off and publish again. This is the right choice if you also want the other paid features.
Option 2: host your exported code
- In Lovable, open the Code view and click Download codebase at the bottom of the file list.
- Find the zip in your Downloads folder.
- Upload it to a host. On Lovely Hosting you drag the zip into the box and the site is online in about a minute, free to try.
- Check the result: the badge is gone, because only Lovable's hosting adds it.
Should I hide it with CSS or a script?
People try. It is unreliable, because the badge is injected after your code and its markup can change at any time. It also goes against the spirit of the free plan. The two options above are cleaner and do not break.
Try it free
Drop the zip from Lovable's Download codebase button. It is in your Downloads folder. No account, no card, online in about a minute.
Common questions
Can I remove the Lovable badge for free?
Trying your exported site on Lovely Hosting's free preview address shows it without the badge at no cost. Keeping it on your own domain costs $9.00 a month, which is less than a paid Lovable plan.
Does exporting my code break anything else?
Two things to know: images added inside Lovable need to be brought along, and any database or login stays on Lovable Cloud or Supabase. A host built for Lovable exports handles the images for you.