Top 23 SVG Open-Source Projects

1. three.js

   1 512 113,509 9.9 JavaScript

   JavaScript 3D Library.

   

   Project mention: Fable Built a 3D Model of Aristotelian-Thomistic Cognitive Architecture | news.ycombinator.com | 2026-07-06

   This looks like the usual https://threejs.org animation built by LLMs.

   I'm more interested in the source of the data and if it was reviewed for correctedness.

2. SaaSHub

   www.saashub.com featured

   SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

   

3. d3

   2 301 113,200 3.4 Shell

   Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

   

   Project mention: Get a striped background using D3 without gradients | dev.to | 2026-04-06

   A third option for building stripes is a vector pattern employing D3.

4. anime.js

   3 119 70,618 8.0 JavaScript

   JavaScript animation engine

   

   Project mention: Ask HN: What are examples of open source project websites? | news.ycombinator.com | 2025-09-18

   https://animejs.com/

   This is a js animation library so there may be some home advantage but very well made nontheless.

5. echarts

   4 22 66,739 9.5 TypeScript

   Apache ECharts is a powerful, interactive charting and data visualization library for browser

   

   Project mention: When ECharts Refused to Scroll: My Hacky but Beautiful Fix | dev.to | 2025-09-22

   If you’ve ever used Apache ECharts with React, you know it’s a beast. You throw data at it, and it happily plots gorgeous charts.

6. drawdb

   5 7 37,981 9.2 JavaScript

   Free, simple, and intuitive online database diagram editor and SQL generator.

   

   Project mention: Ask HN: What Are You Working On? (September 2025) | news.ycombinator.com | 2025-09-29

7. sharp

   6 120 32,419 9.4 JavaScript

   High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP, AVIF and TIFF images. Uses the libvips library.

   

   Project mention: Why I stopped using online image compressors and built a CLI instead | dev.to | 2026-07-06

   The actual image conversion uses Sharp, which supports WebP output and exposes a configurable quality setting.

8. shields

   7 143 26,893 9.7 JavaScript

   Concise, consistent, and legible badges in SVG and raster format

   

   Project mention: How to Write a Good README: Your Project's Most Important File [2026 Guide] | dev.to | 2026-05-01

   Badges. Those little colored shields at the top of a README — build passing, coverage percentage, npm version, license type — aren't decoration. According to shields.io, which powers most of them, badges provide live, at-a-glance information about a project's health. A green "build passing" badge tells me this project has CI. A coverage badge tells me someone cares about testing. I've worked on teams where the presence or absence of badges was literally part of the library evaluation checklist.

9. feather

   8 114 25,932 3.4 JavaScript

   Simply beautiful open-source icons

   

   Project mention: 8 Lucide Icons Alternatives That Offer Better Icons | dev.to | 2025-08-25

   👉 Explore Library

10. simple-icons

    9 59 25,345 9.5 JavaScript

    SVG icons for popular brands

    

    Project mention: How I Designed a Content Distribution Pipeline — 9 Content Types, 20+ Platforms, One Interactive Diagram | dev.to | 2026-03-05

    I was loading platform SVGs from Simple Icons via CDN — LinkedIn, Medium, Dev.to, YouTube, etc. Some rendered fine. Some didn't. Some loaded on Chrome but not Firefox. Some showed as blank squares.

11. lucide

    10 56 23,351 9.6 TypeScript

    Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.

    

    Project mention: Lucide: Open-source icon library with 1600 vector (SVG) files for icons | news.ycombinator.com | 2026-05-02

12. svgo

    11 42 22,572 8.0 JavaScript

    ⚙️ Node.js tool for optimizing SVG files

    

    Project mention: Inkscape 1.4.4 Is Out | news.ycombinator.com | 2026-05-06

    I have zero expectation that any design tool will export concise and optimal SVG markup.

    I highly recommend using SVGO (https://svgo.dev/).

13. tabler-icons

    12 45 21,093 8.9 JavaScript

    A set of over 6000 free MIT-licensed high-quality SVG icons for you to use in your web projects.

    

    Project mention: Iconify: Library of Open Source Icons | news.ycombinator.com | 2026-01-17

    I've used Tabler for everything so far (free, 4500 icons)

    https://tabler.io/icons

14. rough

    13 12 20,936 4.1 HTML

    Create graphics with a hand-drawn, sketchy, appearance

    

    Project mention: You're Right | news.ycombinator.com | 2025-09-05

    Thank you! And yes, roughViz is really great!

    https://roughjs.com/ is another cool library to create a similar style, although not chart focused.

15. visx

    14 55 20,930 8.4 TypeScript

    🐯 visx | visualization components

    

16. popmotion

    15 5 20,171 0.0 JavaScript

    Simple animation libraries for delightful user interfaces

    

    Project mention: JavaScript Awesome Package | dev.to | 2026-02-03

    Popmotion - The animate function is less than 5kb, and every utility function is individually importable

17. Mo.js

    16 21 18,721 5.3 CoffeeScript

    The motion graphics toolbelt for the web

    

    Project mention: JavaScript Awesome Package | dev.to | 2026-02-03

    Mojs - Screen density independent effects look good on any device

18. DOMPurify

    17 57 17,184 9.6 JavaScript

    DOMPurify - a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. DOMPurify works with a secure default, but offers a lot of configurability and hooks. Demo:

    

    Project mention: DOMPurify, DOM-only, fast, Uber-tolerant XSS sanitizer for HTML, SVG and MathML | news.ycombinator.com | 2025-12-19

19. SuperTinyIcons

    18 9 15,362 9.3 Python

    Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos

    

20. apexcharts.js

    19 39 15,102 9.5 JavaScript

    📊 Interactive JavaScript Charts built on SVG

    

    Project mention: How to Make Large Time-Series Charts Smooth in Vue.js + ApexCharts (and fix Zoom & Scroll behavior issues) | dev.to | 2026-05-21

    ApexCharts is an excellent library for creating interactive charts, and integrating it in [Vue.js (https://vuejs.org) is really a piece of cake. However, when it comes to displaying a time-series chart with thousands of points, the performance can suffer, sometimes causing the page to freeze during the rendering or when the user zooms or navigates through the data.

21. Frappe Charts

    20 2 15,089 2.7 JavaScript

    Simple, responsive, modern SVG Charts with zero dependencies (by frappe)

    

22. nivo

    21 42 14,052 5.2 TypeScript

    nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries

    

    Project mention: From Spec to Deploy: Building an Expense Tracker with SpecKit | dev.to | 2025-09-27

    Charts: Nivo for interactive visualizations

23. Snap.svg

    22 13 14,007 1.8 JavaScript

    The JavaScript library for modern SVG graphics.

    

    Project mention: Type-Safe SVGs with Mirrow: A New DSL for Modern Frontend Graphics | dev.to | 2025-09-25

    I started developing Mirrow after growing increasingly frustrated with the current vector graphics landscape. We have a plethora of JavaScript libraries like GSAP and Snap.svg which excel at manipulating SVGs at runtime, and they serve their purposes well.

24. react-content-loader

    23 12 13,997 3.5 TypeScript

    ⚪ SVG-Powered component to easily create skeleton loadings.

    

SVG related posts

• How I stopped maintaining a Puppeteer screenshot service for OG images

  1 project | dev.to | 5 Jul 2026

• Satori's CSS limits: what it can and can't render

  2 projects | dev.to | 29 Jun 2026

• Stop Benchmarking AI Coding Agents on Todo Apps. Make Them Build an MMO.

  6 projects | dev.to | 23 Jun 2026

• Gribouille 0.3.0: A Grammar of Graphics for Typst

  2 projects | news.ycombinator.com | 19 Jun 2026

• Why we built 78 tarot cards in SVG — and the export bug that nearly killed it

  1 project | dev.to | 11 Jun 2026

• Next.js Dynamic OG Images: Fix the Turbopack CPU Hang

  1 project | dev.to | 26 May 2026

• How to Make Large Time-Series Charts Smooth in Vue.js + ApexCharts (and fix Zoom & Scroll behavior issues)

  3 projects | dev.to | 21 May 2026
• A note from our sponsor - SaaSHub
  www.saashub.com | 11 Jul 2026

  SaaSHub helps you find the best software and product alternatives Learn more →

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com