Background Remover Block

Remove an image's background entirely on-device: SegFormer (Xenova/segformer-b0-finetuned-ade-512-512, ~15MB) segments the subject, the highest-scoring mask is composited as an alpha channel (promoted applyMaskToImage) to a transparent-back.

Library

LocalMode

Framework

React

Type

block

License

MIT

Dependencies

@localmode/react, @localmode/transformers, lucide-react

Install

npx shadcn add @localmode/ui/ui/blocks/image-studio/background-remover

Files

• apps/ui/src/app/blocks/image-studio/background-remover/background-remover.tsx
• packages/react/src/index.ts
• packages/transformers/src/index.ts
• apps/ui/registry/localmode/media-vision/media-dropzone/media-dropzone.tsx
• apps/ui/registry/localmode/media-vision/before-after-image-viewer/before-after-image-viewer.tsx
• apps/ui/registry/localmode/media-vision/image-processing-overlay/image-processing-overlay.tsx
• apps/ui/registry/localmode/results/confidence-score-badge/confidence-score-badge.tsx
• apps/ui/src/lib/browser-utils.ts

Source

https://github.com/LocalMode-AI/LocalMode

Categories

• File Upload Components
• React File Upload Components
• Tailwind CSS File Upload Components
• Image Components
• React Image Components
• Tailwind CSS Image Components
• Image Compare Components
• React Image Compare Components
• Tailwind CSS Image Compare Components
• Input Components
• React Input Components
• Tailwind CSS Input Components

More from LocalMode

• Audio Classifier Block
• Meeting Assistant Block
• Image Captioner Block
• Image Enhancer Block
• Semantic Search Block
• Vector Data Manager Block
• Duplicate Finder Block
• Image Search Block
• Photo Categorizer Block
• Smart Gallery Block
• Object Detector Block
• Prompt Input Attachments