{"id":12048,"library":"snapsvg","title":"Snap.svg - JavaScript SVG Library","description":"Snap.svg is a JavaScript library specifically designed for dynamic creation, manipulation, and animation of Scalable Vector Graphics (SVG) directly within the browser's DOM. It offers an intuitive, jQuery-like API for interacting with SVG elements, providing a powerful alternative to libraries that might render to canvas or abstract SVG too heavily. Its latest stable release, version 0.5.1, was published approximately seven years ago, indicating the project is effectively abandoned. There have been no significant updates, commits, or responses to issues in many years, making it unsuitable for new development requiring active maintenance, modern JavaScript module support, or contemporary security practices. Its key differentiator was its direct, low-level access and manipulation of native SVG DOM elements, facilitating complex interactive SVG graphics and animations without requiring a canvas.","status":"abandoned","version":"0.5.1","language":"javascript","source_language":"en","source_url":"ssh://git@github.com/adobe-webplatform/Snap.svg","tags":["javascript"],"install":[{"cmd":"npm install snapsvg","lang":"bash","label":"npm"},{"cmd":"yarn add snapsvg","lang":"bash","label":"yarn"},{"cmd":"pnpm add snapsvg","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"Snap.svg is primarily designed to be loaded as a global script in the browser, exposing the 'Snap' object globally. It does not natively support ES Modules.","wrong":"import Snap from 'snapsvg';","symbol":"Snap (Global)","correct":"\n\n"},{"note":"When using bundlers like Webpack, `snapsvg` requires `imports-loader` to correctly expose `Snap` to the global `window` object, as it was not written as a traditional CommonJS module.","wrong":"const Snap = require('snapsvg');","symbol":"Snap (Webpack/CommonJS)","correct":"const Snap = require('imports-loader?this=>window,fix=>module.exports=0!snapsvg/dist/snap.svg.js');"},{"note":"The `mina` easing functions are also exposed globally by Snap.svg, typically used directly in animation calls.","wrong":"import { mina } from 'snapsvg';","symbol":"mina (Global easing function)","correct":"\n"}],"quickstart":{"code":"\n\n\n \n \n Snap.svg Quickstart\n \n\n\n \n\n \n \n\n","lang":"javascript","description":"This quickstart demonstrates how to load Snap.svg via a CDN and use its API to draw and animate basic SVG shapes (circle, rectangle, text) within an existing SVG element in an HTML document."},"warnings":[{"fix":"For new projects, consider actively maintained SVG libraries such as GreenSock (GSAP), D3.js, or Paper.js. For existing legacy projects, understand the inherent risks of using unmaintained code.","message":"The Snap.svg project has been effectively abandoned for over seven years, with no recent commits, updates, or maintenance activity. This means no new features, bug fixes, or security patches will be released.","severity":"breaking","affected_versions":">=0.5.1"},{"fix":"Load `snap.svg-min.js` via a `