What is Mask Image?
A masked image is a black and white image that tells Luw.ai generators to which areas to change.
Think of it like a stencil - white areas will be changed, while black areas stay protected. This technique gives you precise control over where edits appear in your image. It must be the same size with the image you provided.
Original vs Masked Images
Image: Your normal photo with objects like chairs, mirrors, lamps, or pillows
Masked Image: A black and white version where:
White: Areas you want to edit
Black: Areas you want to leave alone
Creating a Masked Image
Visit beta.luw.ai/magicwand?mask_export=true to create your mask:
Upload your photo
Mark areas using either:
The brush tool to paint manually
AI detection to automatically select objects
Click "Download"
Developer Tools
If you're building with an application using Magic Wand, you'll need to handle masked images. Here are recommended tools:
React
react-canvas-draw
Simple mask drawing
React optimized
Easy to integrate
react-sketch-canvas
Touch friendly
Clean mask output
React hooks ready
react-konva
Powerful canvas control
React components
Most popular option
Vue
vue-konva
Vue 3 compatible
Similar to react-konva
Full mask features
v-canvas
Lightweight drawing
Vue optimized
Simple masking
Angular
ng2-canvas-whiteboard
Angular focused
Touch support
Mask export
konva-angular
Feature rich
TypeScript ready
Professional grade
Mobile Cross-Platform
React Native Skia
Native performance
Cross platform
Flutter Custom Paint
Clean mask drawing
Touch optimized
iOS/Swift
PencilKit
Drawing optimized
Mask export
Pick based on needs:
React → react-sketch-canvas
Vue → vue-konva
Angular → konva-angular
React Native → React Native Skia
Flutter → Custom Paint
iOS → PencilKit
note: add extra methods like soften to 3d, seed to non seed models etc..
Last updated