DrawOnScroll

Show Preview
DrawOnScroll
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)

From Anux

Scroll Reveal Paralx
Fluted Prism Image
ASCII Hero
Diagonal Slideshow

Related Components

Physics Sticker Wall
Split Reveal
Capsule Pal
AI Chat Prompt