Essential SVG tools

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • svgcleaner

    Discontinued svgcleaner could help you to clean up your SVG files from the unnecessary data.

  • There's also SVG Cleaner which has some compelling benefits over SVGO.

  • resvg

    An SVG rendering library.

  • Worthy mention goes to reSVG which is a super performant and powerful alternative to rSVG.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • webpack

    A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

  • If you use webpack, snowpack, vite-svg-plugin etc you likely use it too. The plugins are fascinating and have bailed me out many times.

  • svg_crop

    Remove blank space from around any SVG instantly.

  • SVG Crop

  • Snap.svg

    The JavaScript library for modern SVG graphics.

  • Canvas2SVG - I have a feeling I'll get to know this library well someday. Apache Batik - I used it quite a bit in the early days but it never took root in my toolchain. SVGJS It offers compelling shortcuts, I'm just a fan of vanilla JS. This also goes for SNAP SVG

  • penpot

    Penpot: The open-source design tool for design and code collaboration

  • Early days to call this a Figma killer - But I do find it does most of what I want out of Figma (for free and freedom). Super impressed and excited to see where this project goes.

  • imagetracerjs

    Simple raster image tracer and vectorizer written in JavaScript.

  • Imagetracer JS

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • lib2geom

  • If you're building an app that needs to perform fast and accurate 2d computational geometry (boolean operations and way way more) you'll end up grateful for Nathan Hurst and all other contributors who made lib2geom possible. Fun fact, Inkscape uses 2geom under the hood and also powers the amazing live path effects etc.

  • canvas2svg

    Translates HTML5 Canvas draw commands to SVG

  • Canvas2SVG - I have a feeling I'll get to know this library well someday. Apache Batik - I used it quite a bit in the early days but it never took root in my toolchain. SVGJS It offers compelling shortcuts, I'm just a fan of vanilla JS. This also goes for SNAP SVG

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts