maxwellito/vivus

Health v2 · maintenance only

Adoption not part of the score

15485 stars · 1122 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Vivus is a lightweight, dependency-free JavaScript library that animates SVGs to give them the appearance of being hand-drawn, using the strokeDashoffset CSS property. It offers several built-in animation styles (delayed, sync, oneByOne) plus custom scripting options.

Use cases

• animate an svg logo so it looks like it's being drawn on page load
• add a hand-drawing effect to svg icons and illustrations
• create line-drawing animations for a landing page hero graphic
• convert svg shapes to paths and animate their strokes
• generate a self-contained animated svg without javascript

When to choose

• you want a tiny, dependency-free library for stroke-drawing SVG animations
• you need multiple animation styles or custom draw timing for SVG paths
• you want to embed an animated SVG without external JavaScript

When to avoid

• your SVG uses filled shapes rather than strokes, since only stroke drawing is animated
• you need general-purpose animation of arbitrary DOM properties or complex timelines
• you need a library with active development and recent releases

Facets

library · maturity maintenance

animation ui-components frontend-framework web-development frontend graphics browser svg stroke-animation drawing-effect zero-dependencies css nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="maxwellito/vivus")