Badge visibility

Toggle the Lovable "Edit with" badge off on every page by injecting custom CSS.

Hide "Edit with Lovable" badge

When enabled, the CSS below is injected into every route and hides matching badge elements.

Hide badge

Badge is currently visible.

Custom CSS

Edit the selectors if Lovable changes the badge markup. Use !important to override inline styles.

This is a client-side CSS override. The official way to remove the badge is through Lovable publish settings on a Pro plan. Use this tool at your own discretion.