---
title: "Divi SVG Draw"
url: "https://divitorque.com/features/svg-draw.md"
canonical: "https://divitorque.com/features/svg-draw/"
published: "2026-08-12"
modified: "2026-08-12"
author: "Fahim Reza"
description: "Animate any SVG being drawn stroke by stroke as it scrolls into view. Pure CSS, honors reduced motion. A native Divi 5 module, free."
---

# Divi SVG Draw

## See the Divi SVG Draw in action

Scroll this into view and the strokes draw themselves. Scroll away and back to replay.

## Why use the Divi SVG Draw module?

Most scroll animations decorate. A drawn stroke demonstrates. The Divi SVG Draw module gives motion intent.

Any SVG works

Paste markup or pick a file from the media library.

Motion with intent

Strokes draw on scroll, load, or hover. They can replay.

Art-directed animation

Stroke color, width, duration, stagger, and easing.

Respectful by default

Pure CSS that honors prefers-reduced-motion.

## Everything the Divi SVG Draw module does

Every option below ships in the free plugin.

Draw on scroll, page load, or hover

Replay when it re-enters view

Duration and easing controls

Per-path stagger for sequences

Stroke color and width overrides

Optional fill after the stroke

Viewport offset control

Decorative mode for screen readers

Pure CSS with no animation library