Remove Background
Remove Background by divRiots removes image backgrounds using on-device AI directly inside Webflow.
The Remove Background app runs directly inside Webflow. Select an image on the canvas, click one button, and get a transparent PNG added to your site assets in seconds. Because the AI model runs locally on your device, your images never leave your computer. There is no cloud upload, no external server, and no third-party data exposure.
This integration is most useful for Webflow designers building e-commerce catalogs, agencies handling confidential client imagery, and freelancers iterating on landing page visuals. Anyone who regularly needs cutout images while working in Webflow saves time by removing the export-edit-reupload cycle entirely.
How to integrate Remove Background with Webflow
What is Remove Background? Remove Background is a background removal tool built by divRiots that processes images entirely on the user's device using local AI. It produces transparent PNGs at the original resolution. The tool is available as both a Figma plugin and a Webflow app.
[Hero image placeholder of Remove Background homepage]
The Remove Background Webflow integration uses a single method — the official marketplace app.
Because Remove Background processes images locally and has no public API, server-side webhooks, or embed scripts, the marketplace app is the only integration path between this tool and Webflow.
Use the Remove Background app
The Remove Background app on the Webflow Marketplace gives you on-device background removal without leaving your site build. Once installed, you select any image element on the canvas, open the app from the apps panel, and click a single button to get a transparent PNG. The processed image replaces the selected element and is automatically added to your site assets. No API keys, webhook configurations, or third-party accounts are required.
- Select an image on the Webflow canvas, run the app, and the background is gone — no extra steps
- All processing happens locally on your device, so images are never uploaded to external servers
- Output maintains the original image size and resolution with a fully transparent background
- Processed images are added to your site assets automatically, ready to use in any element
- Credits from your divRiots account work across both the Webflow app and the Figma plugin
To install, go to the Webflow Dashboard, open Apps, search for "Remove Background," and click Install. From there, the app appears in the apps panel whenever you are working on that site.
What you can build with the Remove Background Webflow integration
Integrating Remove Background with Webflow lets you produce transparent-background images inside your build workflow without switching to external photo editors.
- E-commerce product catalogs: Remove backgrounds from product photos and drop them directly into Webflow CMS collection items. A clothing store can generate consistent, white-background-free product shots across an entire catalog without leaving Webflow.
- Team and staff directories: Generate uniform headshots for About pages or careers sections. An agency can process inconsistent team photos — taken against different backgrounds — into clean, transparent portraits that work against any page design.
- Landing page hero images: Isolate subjects from their backgrounds for layered hero compositions. A SaaS company can pull a product screenshot's subject out and place it over a branded gradient or pattern, all without opening Photoshop.
- Privacy-sensitive client work: Process confidential imagery like medical, legal, or NDA-bound assets without any data leaving the local machine. An agency working under client NDAs can remove backgrounds from sensitive product prototypes, knowing images never touch a cloud server.
For workflows that only need manual, one-at-a-time image processing, the marketplace app covers these use cases directly. Teams that need automated batch processing triggered by CMS updates would need to pair Webflow's Assets API with an API-based background removal service, since Remove Background does not expose a public API by design.
Frequently asked questions
Install it from the Webflow Marketplace listing. Go to your Webflow Dashboard, open Apps, search for "Remove Background," and click Install. Once installed, select any image element on the canvas, open the app from the apps panel, and click Remove background. The processed image replaces the original and is added to your site assets. No API keys or external configuration are needed.
No. All processing happens locally on your device. Images are never sent to any external server, which makes this tool suitable for confidential or NDA-bound work.
Yes, but it is a manual process. You remove the background from an image using the app, and the processed PNG is saved to your site assets. You then assign that asset to a CMS image field in your collection item. There is no automated CMS sync because the tool has no API or webhook support. Background removal happens on-device by design. For details on managing CMS image fields, see the field types and item values documentation.
No. The output preserves "original size and quality." The app produces a PNG with a fully transparent background at the same resolution as the input image.
Description
Remove Background by divRiots connects with Webflow as a marketplace app that strips image backgrounds using on-device AI processing.Webflow handles layout, CMS content, and hosting, but it does not include built-in background removal. If you need a transparent product shot or an isolated headshot for a team page, you typically export the image, process it in an external editor, and re-upload it.
This integration page is provided for informational and convenience purposes only.

Amazon Cloudfront
Connect CloudFront to exported Webflow sites for Lambda@Edge, AWS WAF, and custom caching. Not compatible with native hosting.

Frame.io
Connect Frame.io with Webflow to automate video publishing workflows from review approval to web publication.

Firebase Studio
Connect Firebase Studio with Webflow by deploying Firebase Studio applications as standalone web apps that embed in or link from Webflow, or by integrating Firebase backend services like Authentication, Firestore, and Cloud Functions directly into Webflow pages through custom code or tools like Wized.Retry

Google Sheets
Connect Google Sheets with Webflow to manage CMS content through familiar spreadsheet interfaces, capture form submissions, and synchronize inventory data.

Givebutter
Connect Givebutter with Webflow to collect donations using embedded widgets or build custom workflows through the API.

BigQuery
Connect BigQuery's data warehouse capabilities with your Webflow site using integration platforms or custom server-side middleware to centralize form submissions, analyze user behavior, and build custom analytics dashboards.
Dropbox
Integrating Dropbox with Webflow requires either automation platforms for no-code workflows or direct API implementation for custom functionality. No official Webflow Marketplace app exists.

Cloudinary
Integrate Cloudinary with Webflow to manage and deliver images at scale. This combination lets content teams upload and organize media in Cloudinary while Webflow sites automatically serve device-optimized, responsive assets based on viewport size and browser capabilities without manual resizing or format conversion.
YouTube
Add YouTube videos to Webflow sites using native embed elements or custom iframe code. Control playback settings and configure responsive layouts directly in Webflow. This integration maintains aspect ratio across breakpoints.


