Dev Design Library

Brush Mask Reveal

A brush-stroke mask reveal — the image is painted in along a thick snaking brush stroke, using an inline SVG mask whose stroked path animates its stroke-dashoffset from hidden to fully drawn.

Brush Mask Reveal preview
Library
Pixel Perfect
Framework
React
Type
block
License
MIT
Dependencies
gsap
Files
  • registry/new-york/mask/brush-mask-reveal.tsx
Source
https://github.com/vansh-nagar/Pixel-Perfect

Categories

More from Pixel Perfect