Vivus
A lightweight JavaScript library for animating SVGs to appear drawn, with customizable animation types and timing functions.
User Rating
3.0
Score
70
Free/Trial Support
Supported
Features
1 Features
Last Updated
Mar 06, 2026
What is Vivus?
Vivus is a lightweight JavaScript class with no dependencies that animates SVGs, making them look like they are being drawn. It offers multiple animation types and allows custom scripting for unique effects.
How to use Vivus?
Include the Vivus script in your web project, select an animation type (e.g., delayed, sync, oneByOne), and apply it to SVG elements. Customize timing functions or use scenarize for advanced scripting.
Top Features
- Animate SVGs with drawing effects
- Multiple animation types: delayed, sync, oneByOne
- Customizable timing functions
- Scenarize feature for scripting animations
- Lightweight and no dependencies
Pros & Cons
Pros
- Easy to integrate
- Highly customizable
- No external dependencies
- Free and open-source
Cons
- Limited to SVG animations
- Requires basic JavaScript knowledge
Use Cases
- Enhancing website graphics with animated SVGs
- Creating interactive data visualizations
- Adding drawing effects to logos or icons
User Groups
- freelancer
- student
Vivus Pricing
Free Plan
No detailed pricing information available
Cover Preview
VIVUS Features
- Motion functionalityMotion