svg.js
The lightweight library for manipulating and animating SVG
A lightweight JavaScript library for creating, manipulating, and animating SVG graphics on web pages, with no external dependencies and available via npm or a CDN script tag.
SVG.js is a JavaScript library for working with SVG files on the web. SVG (Scalable Vector Graphics) is a format for drawing shapes, icons, charts, and illustrations that can be embedded directly in a web page. Unlike image files, SVG graphics are defined as code, which makes them adjustable through JavaScript. SVG.js provides the tools to do that adjusting and animating.
The library's description is brief: it manipulates and animates SVG, has no external dependencies, and is designed to stay lightweight. The README itself does not describe specific features or show code examples, instead pointing readers to the project's documentation website at svgjs.dev for the full reference and guides.
Installation follows the standard JavaScript package workflow. You can add it to a project via npm or yarn using the package name @svgdotjs/svg.js. It is also available through CDN links from cdnjs, jsDelivr, and unpkg for projects that load libraries directly in a script tag rather than through a bundler.
The library is licensed under the MIT License, which means it can be used freely in personal and commercial projects. The README is sparse beyond the installation instructions, so a reader who wants to understand what the animation and manipulation features actually cover should visit the documentation site. The project has a community chat on Gitter and a Twitter account linked from the README.
Where it fits
- Add animated SVG icons or illustrations to a web page without writing raw SVG markup by hand
- Build interactive charts or diagrams that change shape or color in response to user clicks
- Manipulate shapes in an existing SVG file embedded in a web page using JavaScript
- Create a smooth animated progress indicator using SVG shapes and the svg.js animation API