Description

Liner adds to Elementor an SVG animation widget that draws icon, logo, and vector illustration outlines stroke by stroke, with duration, delay, line thickness, and a scroll or hover trigger. Built for people who create landing pages and hero sections in Elementor and want to strengthen visual identity with animated vectors, without relying on external JavaScript libraries or manual editing of SVG code.

Key Features of the Liner

  • Native widget for Elementor
    Shows up in the builder panel as a draggable element inside any section or column.
  • SVG stroke animation
    Draws the vector outline progressively, simulating the pen-on-paper effect.
  • Upload SVG files
    Accepts icons, logos, and vector illustrations uploaded from the WordPress media library.
  • Time and delay control
    Adjusts animation duration, initial delay, and the order in which each stroke is drawn.
  • Display triggers
    Starts the animation when it enters the viewport during scroll or when hovering over the element.
  • Configurable stroke style
    Sets color, thickness, and final line fill directly in the widget options.

Benefits of the Liner

  • Visual identity in motion
    Logos and icons gain animated presence in headers, about us, and hero sections.
  • No-code editing
    All configuration happens in the Elementor panel, without touching CSS or JavaScript.
  • Lighter pages
    SVG vectors keep reduced weight compared to animated videos or GIFs.
  • Asset reuse
    Uses brand SVGs that already exist without needing to export animated versions in external tools.

Who Is Liner For?

  • Anyone building landing pages in Elementor and wants to reinforce the brand with logos drawn in real time.
  • Designed for designers and agencies that deliver websites with visual identity based on icons and vector illustrations.
  • Anyone who needs lightweight animations for hero sections, service blocks, and institutional pages.
  • Designed for those who want to replace GIFs and short videos with animated vectors without extra loading weight.

How to Download the Liner

Liner is available for download here on Ultrapack. After saving the .zip file, install it in Plugins, Add New, Upload plugin, select the file, and click activate. With Elementor already installed, the Liner widget starts appearing in the builder elements tab, ready to be dragged into any section.

For Elementor projects that rely on visual identity based on vectors, the Liner bridges the gap between static SVG and custom animation, keeping editing inside the builder. The result is pages with more motion in key attention points, without compromising loading time or the designer’s workflow.

Frequently asked questions

Is Liner – SVG Animation for Elementor GPL-licensed?

Yes. Liner – SVG Animation for Elementor is distributed under the GPL (GNU General Public License). You may legally use, modify and redistribute it on as many sites as you want.

Can I use Liner – SVG Animation for Elementor on multiple sites?

Yes. You can install Liner – SVG Animation for Elementor on as many sites as you want. Only automatic updates through Ultrapack Auto Updater have a limit: from 3 to 80 sites, depending on the plan.

How much does Liner – SVG Animation for Elementor cost at Ultrapack?

Liner – SVG Animation for Elementor costs US$2.99 as a single purchase, and it is also included in the subscription plans starting at US$12/mo (VIP I).

Does Liner – SVG Animation for Elementor include updates?

Yes. The current version of Liner – SVG Animation for Elementor is 1.0.4, published at Ultrapack on Aug 26, 2026. Subscribers update straight from the WordPress dashboard with UAU (Ultrapack Auto Updater).

Is Liner – SVG Animation for Elementor scanned before publication?

Yes. Every version of Liner – SVG Animation for Elementor goes through a malware scan (ClamAV and YARA rules, at UltraHub) before it is published.

What are the requirements for the plugin Liner – SVG Animation for Elementor?

Requires WordPress 5.0 or higher and PHP 7.4 or higher. Tested up to WordPress 6.7.