Essential SVG tools

1

Webpack

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.

#Web Application Bundler #JS Build Tools #Module Bundler 219 social mentions

2

Snap.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.

#Javascript UI Libraries #Charting Libraries #Flowcharts 9 social mentions

3

potrace

There are many bitmap to vector tracers like potrace, autotrace etc. Imagetracer is the most promising for web developers and has a few tricks up it's sleeve. Handy to have on the CLI too:.

#Online Services #Photos & Graphics #Graphic Design Software 14 social mentions

4

Penpot

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.

#Web App #Design Tools #User Experience 106 social mentions

5

Inkscape

#Graphic Design Software #Digital Drawing And Painting #Art Tools 482 social mentions

6

Get waves

Blob Maker and Wave Maker - both part of the super cool haikei app Noise maker nice patterns of directional lines or dots Arc Wave Maker nifty example of repeating arc paths Snowflakes Random snowflakes Snowflake Painter Design a snowflake with lines.

#Vector Graphic Editor #Design Tools #Animation 19 social mentions