SVG

Open-source projects categorized as SVG

Top 23 SVG Open-Source Projects

  1. d3

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

    Project mention: Apache ECharts | news.ycombinator.com | 2025-04-08
  2. Civic Auth

    Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

    Civic Auth logo
  3. three.js

    JavaScript 3D Library.

    Project mention: Visualizing MIDI with Three.js, Tone.js, and TypeScript | dev.to | 2025-04-05

    Three.js for 3D rendering

  4. echarts

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

    Project mention: Apache ECharts | news.ycombinator.com | 2025-04-08

    Note: a website may use more than one web server

    5 months using Apache Echarts and watch GitHub repository https://github.com/apache/echarts for all activities. The developer team enthusiasm and unity is impressive. It is flexible, powerful, constantly improved and plenty of examples.

  5. anime.js

    JavaScript animation engine

    Project mention: Clock playback controls | dev.to | 2025-04-22

    Made with anime.js v4 (https://animejs.com)

  6. sharp

    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 Single Function Lambdas is a terrible choice for Serverless development. | dev.to | 2025-04-06

    For example, you might have a Lambda that powers your entire web server. Another for data crunching using an npm package that ships with a rust binary (node polars) leveraging multiple vCpus. A third might handle image processing with sharp, triggered by S3 uploads. And maybe another is dedicated to web scraping where you bundle a headless browser like Puppeteer as Layer to Lambda.

  7. drawdb

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

    Project mention: Ask HN: What Are You Working On? (March 2025) | news.ycombinator.com | 2025-03-30

    Have been building drawDB[1] for a while now. It's a database schema visualizer. Currently working on adding support for oracle databases. Wrote a parser[2] to allow importing from oracle sql. Have been struggling with motivation though, the pieces are pretty much there but I've been procrastinating on putting it all together. This has been my main side project for almost 2 years now.. I miss the feeling of novelty.. but can't come up with something worth building..idk

    [1] https://github.com/drawdb-io/drawdb

    [2] https://github.com/1ilit/oracle-sql-parser

  8. feather

    Simply beautiful open-source icons

    Project mention: Top 10 Icon Libraries for Next.js - 2025 | dev.to | 2025-04-14

    Explore Now

  9. CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  10. shields

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

    Project mention: What We Did to Gain 3,000 GitHub Stars for the Liam Repository | dev.to | 2025-04-21

    Using colorful badges created with Shields.io to display the tool's status

  11. simple-icons

    SVG icons for popular brands

    Project mention: Trump’s 2025 Reciprocal Tariff Policy | Vibe Weekly Vol.002 | dev.to | 2025-04-06

    4、Simple Icons - A Simple, Open-Source Icon Collection

  12. svgo

    ⚙️ Node.js tool for optimizing SVG files

    Project mention: How to optimize SVG files for better use in projects? | dev.to | 2025-03-26

    We often come across large and complex SVG files full of redundancies, which can be a hassle. Fortunately, we can optimize this with SVGO, a tool that reduces the size of SVG files by removing unnecessary data without compromising quality.

  13. rough

    Create graphics with a hand-drawn, sketchy, appearance

    Project mention: Analyzing the codebase of Caffeine: a high performance caching library | news.ycombinator.com | 2025-02-02

    https://excalidraw.com/

    https://www.drawio.com/

    For something a bit lower level, try:

    https://roughjs.com/

    It's what powers the sketch-like look from many of the sites like those above.

  14. popmotion

    Simple animation libraries for delightful user interfaces

    Project mention: Top 10 JavaScript Animation Libraries in 2025 | dev.to | 2025-03-10

    Check Popmotion 🔥

  15. visx

    🐯 visx | visualization components

    Project mention: 10 of the Best Web Analytics Tools for React Websites | dev.to | 2025-03-20

    Visx is built for React, so it seamlessly integrates with React applications. Its architecture aligns with React's component-based approach, allowing developers to leverage React's state management and lifecycle methods for building dynamic and interactive visualizations.

  16. tabler-icons

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

    Project mention: 25+ Best Open Source Icon Library Options (2025 Edition) | dev.to | 2025-03-16
  17. Mo.js

    The motion graphics toolbelt for the web

    Project mention: Top 10 JavaScript Animation Libraries in 2025 | dev.to | 2025-03-10

    Check Mo.js 🔥

  18. lucide

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

    Project mention: Top 10 Icon Libraries for Next.js - 2025 | dev.to | 2025-04-14

    Explore Now

  19. DOMPurify

    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: Your rich text could be a cross-site scripting vulnerability | dev.to | 2024-12-16

    Let's take a look at how we implement sanitization in the secure version of our vulnerable application. Since this application is primarily written using JavaScript, we use the dompurify library for the client side and the isomorphic-dompurify library for server-side sanitization. In the app.js program that acts as our web server, you will find an express endpoint /sanitized with a GET and POST implementation:

  20. Frappe Charts

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

  21. SuperTinyIcons

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

    Project mention: Hacktoberfest 24' : My First Open Source Contribution | dev.to | 2024-10-22

    Participating in Hacktoberfest 2024 was my first step into the world of open-source, and it has been a truly memorable experience. At first, I was unsure of where to begin. But after some exploration, I discovered the Super Tiny Icons repository, and that’s where my journey really took off.

  22. apexcharts.js

    📊 Interactive JavaScript Charts built on SVG

    Project mention: Building a financial dashboard with HTML5, TailwindCSS v4, and Vanilla JavaScript | dev.to | 2025-02-11

    This is a basic HTML structure that includes Google Fonts, ApexCharts (for placeholder charts), and links to your compiled CSS and JavaScript files. The body includes classes for light and dark modes.

  23. Snap.svg

    The JavaScript library for modern SVG graphics.

  24. react-content-loader

    ⚪ SVG-Powered component to easily create skeleton loadings.

  25. nivo

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

    Project mention: 10 of the Best Web Analytics Tools for React Websites | dev.to | 2025-03-20

    Nivo is an efficient React analytics library with server-side chart rendering capabilities. It can generate responsive bar, line, and pie charts using pure HTML, SVG, and Canvas.

  26. InfluxDB

    InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.

    InfluxDB logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

SVG discussion

Log in or Post with

SVG related posts

  • IcôNES

    2 projects | news.ycombinator.com | 26 Apr 2025
  • Badgen – A Badge Generating Service

    1 project | news.ycombinator.com | 24 Apr 2025
  • Clock playback controls

    1 project | dev.to | 22 Apr 2025
  • What We Did to Gain 3,000 GitHub Stars for the Liam Repository

    3 projects | dev.to | 21 Apr 2025
  • ✨"Day 1 with Anime.js — Breathing Life into a Static Webpage"

    1 project | dev.to | 17 Apr 2025
  • Top 10 Icon Libraries for Next.js - 2025

    7 projects | dev.to | 14 Apr 2025
  • Nice Things with SVG

    8 projects | news.ycombinator.com | 12 Apr 2025
  • A note from our sponsor - Civic Auth
    www.civic.com | 26 Apr 2025
    Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today. Learn more →

Index

What are some of the best open-source SVG projects? This list will help you:

# Project Stars
1 d3 110,438
2 three.js 105,867
3 echarts 63,338
4 anime.js 58,941
5 sharp 30,288
6 drawdb 28,469
7 feather 25,391
8 shields 24,725
9 simple-icons 22,412
10 svgo 21,515
11 rough 20,301
12 popmotion 20,075
13 visx 19,962
14 tabler-icons 19,049
15 Mo.js 18,613
16 lucide 16,718
17 DOMPurify 15,051
18 Frappe Charts 15,006
19 SuperTinyIcons 14,947
20 apexcharts.js 14,734
21 Snap.svg 13,993
22 react-content-loader 13,893
23 nivo 13,507

Sponsored
Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
www.civic.com