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.
Icon Drop
Connect Icon Drop with Webflow to search, insert, and manage 20,000+ open-source SVG icons directly inside the Designer, no code or external tools required.
Icons8 Graphics
Connect Icons8 Graphics with Webflow to search and insert icons, illustrations, and photos directly in your project without leaving the canvas.
Logo To Use
Install the Logo To Use app to browse copyright-free logos and add them directly to your Webflow project's assets. You can also download logos from logotouse.com and upload them manually.
Modulo
Connect Modulo with Webflow to add pre-designed, production-ready UI components to your sites like hero sections, feature blocks, FAQ layouts, CTAs, and more, directly inside Webflow.
Stockpress
Connect Stockpress, a digital asset management platform, with Webflow to browse, search, and place brand assets directly in Webflow without switching platforms.
Stockpress
Connect Stockpress, a digital asset management platform, with Webflow to browse, search, and place brand assets directly in Webflow without switching platforms.
Modulo
Connect Modulo with Webflow to add pre-designed, production-ready UI components to your sites like hero sections, feature blocks, FAQ layouts, CTAs, and more, directly inside Webflow.
Goat Slider
Connect Goat Slider, a CMS-driven slider app, with Webflow to add dynamic carousels and sliders that automatically update when your content changes.
Pixcap Editable 3D Icons and Characters
Connect Pixcap, a customizable 3D asset library, with Webflow to browse, customize, and insert 3D icons, illustrations, and characters directly in Webflow without 3D modeling skills.
Related integrations
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
