DrawOnScroll

Show Preview
DrawOnScroll

About DrawOnScroll

Make any SVG line art draw itself as it scrolls into view — perfect for logos, illustrations, signatures, and hand-drawn accents.

Preview

Key settings

  • Trigger At — where in the viewport drawing starts (0–100%)

  • Per-path control — direction (forward/reverse), duration, delay, stroke color & width, position/scale

  • Loop — Restart or Yoyo style, with fade-out and loop delay

  • Replay — redraw on every re-entry, or draw once

  • Sizing — Fit / Fill / Stretch, fully responsive

  • Build helpers — name and highlight paths on the canvas (never shown on your live site)