✓
the short answer

Push44 customizes the interface directly at the source code level: it connects to your Base44 project sandbox, injects high-priority CSS display rules (#base44-edit-badge { display: none !important; opacity: 0 !important; pointer-events: none !important; }) into src/index.css, and triggers a production edge redeployment via POST /api/apps/:appId/deploy. The rebuilt Vite bundle applies the rules with zero Cumulative Layout Shift (CLS).

📖 Introduction

Base44 automatically mounts floating elements (#base44-edit-badge) on all live published *.base44.app websites. If you want to deliver clean, white-labeled client apps or production web products, Push44 offers an automated tool to customize styles across all visitor sessions.

The Problem with Walled Gardens

When a Base44 project is published to the web, the default template injects a floating editor button in the lower viewport corner at zIndex 999999. Developers delivering custom client portals often require a clean, unbranded presentation that matches their company design system.

The Push44 Solution

Push44 customizes the interface directly at the source code level: it connects to your Base44 project sandbox, injects high-priority CSS display rules (#base44-edit-badge { display: none !important; opacity: 0 !important; pointer-events: none !important; }) into src/index.css, and triggers a production edge redeployment via POST /api/apps/:appId/deploy. The rebuilt Vite bundle applies the rules with zero Cumulative Layout Shift (CLS).

Step-by-Step Walkthrough

4 steps
1

Connect your Base44 account in Push44

Open Push44 (push44.vercel.app or the desktop/mobile client) and paste your Base44 API Token or log in via your credentials in Settings. Push44 stores your key encrypted in local storage with zero server telemetry.

💡 expert tip

You can generate or copy your personal API Token in Base44 under User Profile > API Keys.

2

Select your project from the Push dashboard

Navigate to the Push page. Push44 automatically queries Base44's API to fetch your active projects, live deployment domain (https://<slug>.base44.app), and current build status.

💡 expert tip

Ensure your Base44 project has been published at least once in Base44 so that an active live edge URL exists.

3

Apply custom styling rules to your live Base44 site

Locate the White-Labeling & Styling card on the Push dashboard and trigger the update. Push44 calls Base44's assistant to inject the required CSS rules into src/index.css and dispatches a production redeploy request.

💡 expert tip

The edge build and deployment pipeline usually finishes in 10 to 20 seconds.

4

Verify your white-labeled live deployment

Open your live *.base44.app site and perform a hard cache refresh (Ctrl+Shift+R or Cmd+Shift+R). Your custom styling is live across all visitors and mobile devices.

💡 expert tip

If you send extensive prompt updates in the Base44 web editor later that rewrite src/index.css, simply re-apply styles in Push44.

Pro Recommendations

✓

Always perform a hard refresh (Ctrl+Shift+R / Cmd+Shift+R) after styling updates to clear browser and CDN cache.

✓

The CSS injection rule is compiled directly into Vite's production CSS bundle, ensuring zero visual layout flicker on page load.

✓

Use Push44's GitHub export feature alongside styling updates to back up your full source code repository.

Common Pitfalls to Avoid

⚠️

Attempting to hide elements with local browser extensions (only hides it for you, not your site visitors).

⚠️

Manual string editing of minified output assets instead of editing src/index.css.

⚠️

Manually editing dist build files instead of updating the upstream src/index.css file in the Base44 sandbox.

Frequently Asked Questions

Is removing the 'Edit with Base44' button really 100% free?

Yes. Push44 is an open-source, client-side utility licensed under MIT. It uses your existing Base44 account API access to modify your stylesheet and trigger production builds without any fees.

Does this remove the button for all visitors or just my browser?

It removes the button for everyone worldwide. Because Push44 triggers an official production redeploy on Base44's edge servers, the live bundle is rebuilt with the CSS override.

Will removing the badge affect my app features or database?

No. The CSS rule specifically targets #base44-edit-badge and .base44-badge. Your pages, components, data models, authentication, and backend functions remain completely untouched.

What happens if I edit my app in Base44 later?

If you make major new prompts in Base44 that reset src/index.css, the badge may reappear on new builds. You can simply open Push44 and click 'Remove Badge' again anytime in 15 seconds.

100% free · zero backend · client-side

Export and push your code in seconds.

Connect your platform, preview the visual diff, and create atomic commits on GitHub with zero server data retention.

Start exporting now → Learn more