Animated SVG draw
Remix
Hover
Layer in View
Scroll progress
Upload your own SVG file and watch it animate with a dynamic stroke drawing effect. You can choose from three different trigger modes:
Hover: the SVG draws when the user hovers over it.
Layer in View: the SVG draws when it enters the viewport.
Scroll Progress: the SVG draws progressively based on scroll position.
Customize animation speed, trigger behavior, and repeat mode. Perfect for logos, illustrations, icons, and signature-style effects.