Sentio Creative
v1.0.21

SVG Draw

Animated SVG stroke-draw reveal with scroll-trigger, loop modes, and multi-path stagger — built for Elementor.

The Sentio SVG Draw widget is part of the Sentio Creative category. Drag it onto your Elementor canvas and customize every detail — Source, SVG Code, Upload SVG, Preset, Trigger, and more — with intuitive visual controls. No code required. Every change previews in real time. Sentio exclusives include Animated SVG stroke-draw reveal with scroll-trigger, loop modes, multi-path stagger. Built with performance in mind: modular asset loading means zero overhead when not active. Combined with inline editing, full Google Fonts support, and advanced responsive controls, SVG Draw adapts to any design vision.
GO Sentio Premium →
Download Sentio Lite →

UNLIMITED WAYS TO USE IT

One widget.
Infinite layouts.

Combine layouts, styles, and settings to create something entirely your own. Your imagination is the only limit.

✨

With full control over layouts, colors, typography, animations, backgrounds, and content — you can create unlimited variations. Mix directions, triggers, overlays, and effects to match any design vision.

Gradient3D DepthTrigger TypeOverlayAnimationTypographyColorsSpacingBorderShadow

A Blueprint That Draws Itself

A custom line drawing rendered path-by-path on scroll, with a soft fill revealed once the ink lands — from your own inline SVG code.

Every structure begins as a single line.

A Signature, Written Live

A built-in preset animated on page load, looping back and forth with a pink-to-magenta gradient sweeping along the stroke.

Hand-lettered, drawn just for you.

A Line With a Heartbeat

A single continuous path drawn all at once and looped forever — a quiet, minimal animation built from a few lines of SVG.

A steady rhythm, every step of the way.
GO Sentio Premium →
Download Sentio Lite →
COMPLETE FEATURE SET

Everything included.

Animated SVG stroke-draw reveal with scroll-trigger

loop modes

multi-path stagger

color transitions

fill reveal

Full Elementor controls for Source

hover redraw

Performance-optimized CSS animations

Intersection Observer scroll triggers

Zero-JS fallback mode

Sentio-exclusive animation presets

Animated stroke-draw on scroll/viewport trigger, loop modes, multi-path stagger, color transitions during draw, fill reveal, hover redraw

CUSTOMIZATION

Every setting at your fingertips.

Full Elementor-native controls. Adjust every detail in the visual editor — no code required.

/* a11y: accessible name for the tablist + region landmark. */ $region_label = esc_html__( 'Tabs', 'sentio-elementor' ); ?>
SVG Source
Source, SVG Code
Upload SVG, Preset
Trigger, Viewport Offset
Draw Mode, Duration (ms)
Stagger Delay (ms), Easing
Draw Direction, Loop

Build with the SVG Draw widget.

Get SVG Draw plus 150+ more widgets with a single Sentio license. Your imagination is the only limit.
GO Sentio Premium →
GO Sentio Lite →
✓ 150+ Widgets                                ✓ 7-Day Guarantee                        ✓ Instant Access