JavaScript SVG

Open-source JavaScript projects categorized as SVG

Top 23 JavaScript SVG Projects

  1. three.js

    JavaScript 3D Library.

    Project mention: Rant: state of generative AI in code generation. | dev.to | 2025-02-05

    In my experience with AI code generation, in visual projects like UI development or JavaScript based animation (using three.js or p5.js) etc. AI tools work pretty well.

  2. 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
  3. anime.js

    JavaScript animation engine

    Project mention: Animation Library You Can Use for your Web Apps | dev.to | 2025-01-14

    AnimeJS

  4. 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: Optimize external / dynamic images on-the-fly in SvelteKit | dev.to | 2025-02-01

    Nuxt Image comes with a preconfigured instance of unjs/ipx. An open source, self-hosted image optimizer based on lovell/sharp.

  5. feather

    Simply beautiful open-source icons

    Project mention: Ask HN: FontAwesome makes it impossible to downgrade. Any alternatives? | news.ycombinator.com | 2024-11-20
  6. shields

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

    Project mention: StyleSpark: Analyzing and Matching Code to Iconic Programming Styles using GitHub Actions | dev.to | 2025-01-19

    StyleSpark is a productivity tool designed to help developers gain insights into their coding styles by analyzing their code snippets and matching them to the styles of iconic programmers. Specifically, it is a new GitHub Action that programmers can include in their workflows to inspire personal growth and improvement in coding practices by providing users with a fun and educational way to explore different programming styles. It leverages Llama 3 to analyze snippets from your GitHub repos to identify how your style compares to computing's heroes! When it's done, it will update your README with a snazzy badge powered by Shields.io, like this one:

  7. drawdb

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

    Project mention: AIM Weekly for 04Nov2024 | dev.to | 2024-11-04

    ๐ŸŒ Composed Image Retrieval ๐Ÿ“Ž Intro to Multimodal LLama 3.2 ๐Ÿ› ๏ธ Multi Agent Concierge ๐Ÿ’ป RAG with Langchain Granite, Milvus ๐Ÿซถ Download content โœ… Transformer Replacement? ๐Ÿค– vLLM for runing models ๐ŸŒ Amphion ๐Ÿ“ Autogluon ๐Ÿš™ Notebook LLama like Google's Notebook LLM ๐Ÿซถ Monocle2ai for tracing GenAI app code LFA&D Project ๐Ÿค– Bee Agent Framework โœ… LLama RFP Response โ–ถ๏ธ GenAI Script ๐Ÿ‘ฝ Simular AI Agent S ๐Ÿฆพ DrawDB with AI โœจ Ollama with LLama 3.2 Vision!!!! Preview ๐Ÿš• Powerful RAG Checker ๐Ÿ“Š SQL Generator ๐Ÿ’ป Role of LLMs ๐Ÿ Document Extraction ๐Ÿ•ถ๏ธ Open Source Vector DB Reddit ๐Ÿ” The Practical Guide to Self Hosting LLM ๐Ÿฆพ Stagehand Controller ๐Ÿ•ถ๏ธ Understanding HNSWLIB ๐Ÿ Best practices in RAG ๐Ÿ’ป Enigma Agent ๐Ÿ“ Langchain, Ollama, Phi3 for Function Calling ๐Ÿ”‹ Compass Judger ๐Ÿ“ Princeton NLP SimPO ๐Ÿ” Princeton NLP ProLong ๐Ÿ”‹ Princeton NLP HELMET ๐Ÿง Ollama Cheatsheet ๐Ÿš• Princeton NLP CopyCat ๐Ÿ“Š Princeton NLP Shp ๐Ÿ•ถ๏ธ Can LLM Solve Hard Github Issues ๐Ÿ“ Enabling Large Language Models to Generate Text with Citations ๐Ÿ”‹ Princeton NLP CharXiv ๐Ÿ“Š Awesome AI Agents List ๐Ÿฆพ Nomicโ€™s Matryoshka text embedding model

  8. simple-icons

    SVG icons for popular brands

    Project mention: My Hacktoberfest Journey: From First Pull Request to the Hall of Fame | dev.to | 2024-11-03

    ThesllaDev posted on Oct 19, 2024

  9. SaaSHub

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

    SaaSHub logo
  10. svgo

    โš™๏ธ Node.js tool for optimizing SVG files

    Project mention: SVG hacks for you | dev.to | 2024-12-21

    SVGO (or SVGR for react) is making it a very easy process. Behind the scenes, it mostly deletes all unnecessary stuff for us.

  11. popmotion

    Simple animation libraries for delightful user interfaces

    Project mention: Top 15 Animation Libraries for React & Modern Javascript Apps | dev.to | 2024-07-17

    Popmotion is a functional, flexible JavaScript animation library. It powers the animations in Framer Motion. It has over 19.9k stars on GitHub and offers a range of tools for creating animations and interactions.

  12. tabler-icons

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

    Project mention: Create a Hugo Theme from Scratch - II | dev.to | 2024-10-15

    In order to reuse some components, such as tag lists, reading time, icons, etc., we can abstract the same content and put it in the layouts/partials directory. Taking icons as an example, I use https://tabler.io/icons as the source of icons, Download the corresponding icon SVG file to the assets directory and define a partial page:

  13. Frappe Charts

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

  14. apexcharts.js

    ๐Ÿ“Š Interactive JavaScript Charts built on SVG

    Project mention: Optimizing Line Chart Performance with LTTB Algorithm | dev.to | 2025-02-01

    When working with large datasets, rendering all points in a line chart can cause significant performance issues. For example, plotting 50,000 data points directly can overwhelm the browser and make the chart unresponsive. Tools like amCharts and ApexCharts struggle with such datasets, while ECharts performs better but still isn't optimized for extremely large datasets.

  15. 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:

  16. Snap.svg

    The JavaScript library for modern SVG graphics.

  17. lucide

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

    Project mention: The Ultimate React Toolkit: Everthing you need ๐Ÿ—บ๏ธ๐Ÿ“ฆ๐Ÿš€ | dev.to | 2024-12-09

    Lucide

  18. vega

    A visualization grammar.

    Project mention: 2024 Nuxt3 Annual Ecosystem Summary๐Ÿš€ | dev.to | 2024-12-23

    Document address: Vega Official Document

  19. svg.js

    The lightweight library for manipulating and animating SVG

  20. dom-to-image

    Generates an image from a DOM node using HTML5 canvas

  21. zdog

    Flat, round, designer-friendly pseudo-3D engine for canvas & SVG

  22. css.gg

    700+ Pure CSS, SVG & Figma UI Icons, 6000+ glyphs, patterns, colors and layouts.

    Project mention: 17 Free Open-source Icon Libraries (Carefully Curated List, Filterable & Sortable) - Need Feedback | dev.to | 2024-07-08

    CSS.gg - Pure CSS Icons

  23. c3

    :bar_chart: A D3-based reusable chart library

    Project mention: GitHub ใƒ€ใƒƒใ‚ทใƒฅใƒœใƒผใƒ‰ใฎใ‚ณใƒŸใƒƒใƒˆใ‚’ใƒชใ‚ขใƒซใ‚ฟใ‚คใƒ ใง่ฟฝ่ทกใ™ใ‚‹ | dev.to | 2024-05-30
  24. flowchart.js

    Draws simple SVG flow chart diagrams from textual representation of the diagram

  25. octicons

    A scalable set of icons handcrafted with <3 by GitHub

    Project mention: 17 Free Open-source Icon Libraries (Carefully Curated List, Filterable & Sortable) - Need Feedback | dev.to | 2024-07-08

    Octicons - Scalable icons handcrafted by GitHub

  26. SaaSHub

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

    SaaSHub 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).

JavaScript SVG discussion

Log in or Post with

JavaScript SVG related posts

  • Animation Library You Can Use for your Web Apps

    3 projects | dev.to | 14 Jan 2025
  • Enhance Your Web Projects with Sphere Animations Using EldoraUI ๐Ÿš€

    1 project | dev.to | 7 Jan 2025
  • SVG hacks for you

    2 projects | dev.to | 21 Dec 2024
  • My son (9 yrs old) used plain JavaScript to make a game, and wants your feedback

    5 projects | news.ycombinator.com | 3 Dec 2024
  • Level Up Your GitHub Profile: A Complete Guide to Stand Out and Shine

    1 project | dev.to | 3 Dec 2024
  • JavaScript. How to Make a Blazingly Fast Multithreaded Data Grid for 1,000,000 Rows. Part 1/2: The Nuances of Working with DOM

    2 projects | dev.to | 30 Nov 2024
  • The Final Stretch of My Open Source Journey: Part 2

    3 projects | dev.to | 29 Nov 2024
  • A note from our sponsor - CodeRabbit
    coderabbit.ai | 8 Feb 2025
    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. Learn more โ†’

Index

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

# Project Stars
1 three.js 104,174
2 anime.js 50,810
3 sharp 29,766
4 feather 25,206
5 shields 24,270
6 drawdb 23,995
7 simple-icons 21,836
8 svgo 21,275
9 popmotion 20,061
10 tabler-icons 18,733
11 Frappe Charts 14,977
12 apexcharts.js 14,600
13 DOMPurify 14,527
14 Snap.svg 13,969
15 lucide 12,489
16 vega 11,346
17 svg.js 11,294
18 dom-to-image 10,484
19 zdog 10,427
20 css.gg 9,764
21 c3 9,349
22 flowchart.js 8,573
23 octicons 8,407

Sponsored
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.ai

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?