dom-cutout

Cut the silhouette of one DOM element out of another — because a background-colored border is a promise your gradient will break.

createCutout(avatar, star, { gap: 4 })

Zero-dependency core Plain DOM. Works with any framework or none.
Contour-following SVG overlays are traced glyph-for-glyph, stroke widths compensated.
Crisp on every engine Chosen by elimination against WebKit's rendering quirks — the full story.

Installation

npm install dom-cutout

pnpm add dom-cutout

yarn add dom-cutout

Vanilla DOM createCutout() with elements you own — attach, live options, teardown. No framework. React Step-by-step usage of <Cutout> and the headless useCutout hook — every demo above, as copy-paste code