Topics / #svg
Svg projects on GitHub
Vector image format used for icons, logos, and resolution-independent graphics.
As of , the most-starred Svg projects on GitHub are excalidraw (134.2K stars), three.js (116.6K stars) and d3 (113.8K stars). GitHub.Locker tracks 154 Svg repositories with 2.6M stars combined. The fastest-growing on October 18 was pele, with +1K stars in a day.
Hot right now
Most stars gained in a day · Oct 18
+1Kpele
obsidianmd/pele · ★ 2.4KPele is a lightweight library that renders Mermaid diagrams to SVG, built for speed and with no runtime dependencies.
AhmadHassan-BTed
AhmadHassan-BTed/AhmadHassan-BTed · ★ 1.9KThis is the special GitHub profile repository for AhmadHassan-BTed: a terminal-style dashboard that renders interactive workspace statistics and system diagnostics as an SVG, cataloging the author's codebase footprint, in the style of tools like neofetch.
+977anatomy
wheresryan22/anatomy · ★ 16.8KAnatomy is a Claude Code skill that turns a technical idea into a detailed, interactive isometric figure of a real machine (SVG, optional WebGL shaders, and beta 3D) for docs, articles, and landing pages.
+972SoulMatrix
AhmadHassan-BTed/SoulMatrix · ★ 1.8KSoulMatrix is a local-first live-reading dashboard for Destiny Matrix (Soul Blueprint) numerology: it calculates a client's matrix octagram from their birth date, renders it as an interactive SVG chart, and loads detailed interpretations from an Excel database for use during live or streamed sessions.
The all-time top
Top 100 of 154 · by stars
- 134.2K
#1 · excalidraw/excalidrawexcalidraw
An open source virtual whiteboard with a hand-drawn look for sketching diagrams, wireframes and whatever you like — use it at excalidraw.com or embed the npm package in your own app.
- 116.6K
#2 · mrdoob/three.jsthree.js
It's a JavaScript 3D library for the browser: the project aims to be easy-to-use, lightweight, cross-browser and general-purpose. Around since 2010, now over 116,000 GitHub stars.
- 113.8K
- 4

archify
85.7Ktt-a1i/archify · JavaScriptArchify is an agent skill that turns a codebase, system description, or plan into a polished, interactive diagram (architecture, workflow, sequence, data flow, or lifecycle) directly inside a coding agent's chat.
- 5
github-readme-stats
79.8Kanuraghazra/github-readme-stats · JavaScriptA service that generates dynamic SVG stat cards (commits, stars, PRs, rank) and a top-languages card you can embed in your GitHub profile README.
- 6
Font-Awesome
77KFortAwesome/Font-Awesome · JavaScriptFont Awesome is an icon toolkit that ships icons as SVG, icon fonts, and CSS, used by millions of designers and developers to add scalable icons to websites and apps.
- 7

anime
73.7Kjuliangarnier/anime · JavaScriptAnime.js is a fast, multipurpose and lightweight JavaScript animation library with a simple yet powerful API for animating things on the web.
- 8

echarts
67.5Kapache/echarts · TypeScriptApache ECharts is a free, powerful charting and data visualization library for browsers, written in pure JavaScript, used to add interactive and highly customizable charts to products.
- 9

diagram-design
58.4Kcathrynlavery/diagram-design · HTMLDiagram Design is an Agent Skill that lets AI coding agents (Claude Code, Codex, Factory Droid, Pi) generate editorial-quality diagrams — 39 types including architecture, flowchart, Gantt, UML class and database schema — as self-contained HTML+SVG files with no Mermaid, no Figma, and no generic rounded boxes.
- 10
material-design-icons
54.1Kgoogle/material-design-iconsThis is Google's official repository of Material Design icons, offering two icon sets: Material Symbols (the current, actively updated set) and Material Icons (the classic set, no longer updated since 2022).
- 11

tldraw
51Ktldraw/tldraw · TypeScripttldraw is an SDK for building infinite canvas apps in React — a feature-complete canvas engine that you can use out of the box as a whiteboard or extend with custom shapes, tools, and UI.
- 12

pretext
50.8Kchenglou/pretext · TypeScriptPretext is a pure JavaScript/TypeScript library for multiline text measurement and layout — fast and accurate, including for languages you may not even know about.
- 13
pixijs
48.4Kpixijs/pixijs · TypeScriptPixiJS is a 2D rendering engine for the web that uses WebGL and WebGPU to draw fast, interactive graphics like games, data visualizations, and creative sites.
- 14

frontend-dev-bookmarks
47.6Kdypsilon/frontend-dev-bookmarksA manually curated collection of links and resources for frontend web developers, organized into topic categories like Appearance, Architecture, Compatibility, Ecosystem, Languages/Protocols/Browser APIs, UI Components, and Workflow.
- 15
tabler
41.9Ktabler/tabler · AstroTabler is a free and open source admin dashboard UI kit built on Bootstrap 5: ready-made layouts, components and demo pages for admin panels, dashboards and web apps, in light and dark mode.
- 16
carbon
36.1Kcarbon-app/carbon · JavaScriptCarbon is a web app for turning your source code into a beautiful, shareable image — great for posting code snippets on Twitter, Slack, or a blog.
- 17
lottie-android
35.8Kairbnb/lottie-android · JavaLottie is a mobile library that parses Adobe After Effects animations exported as JSON via the Bodymovin plugin and renders them natively on Android, iOS, Web, and React Native.
- 18
sharp
32.8Klovell/sharp · JavaScriptsharp is a high-performance image processing module for Node.js, built on the libvips library. Its typical job is converting large images in common formats into smaller, web-friendly files of varying dimensions.
- 19

lottie-web
32.2Kairbnb/lottie-web · JavaScriptLottie-web is a JavaScript library that parses Adobe After Effects animations exported as JSON via the Bodymovin plugin and renders them natively in the browser, so designers can ship real animations without an engineer hand-coding them.
- 20

fabric.js
31.5Kfabricjs/fabric.js · TypeScriptFabric.js is a JavaScript library for working with the HTML5 canvas, letting you create and manipulate interactive shapes, text and images, and convert between SVG and canvas.
- 21

GSAP
29.5Kgreensock/GSAP · JavaScriptGSAP (GreenSock Animation Platform) is a framework-agnostic JavaScript library for building high-performance animations that work in every major browser.
- 22
recharts
27.6Krecharts/recharts · TypeScriptRecharts is a charting library for React that lets you build charts out of composable React components, built on top of D3 for calculations and native SVG for rendering.
- 23

shields
27.3Kbadges/shields · JavaScriptShields.io — a service for concise, consistent, and legible badges in SVG and raster format, designed to be embedded in GitHub readmes or any other web page.
- 24

baoyu-skills
26.8KJimLiu/baoyu-skills · TypeScriptA set of 20+ skills by Baoyu that you plug into AI agents like Claude Code and Codex to automate daily work: content generation, diagrams, slide decks, infographics and publishing flows.
- 25
simple-icons
26Ksimple-icons/simple-icons · JavaScriptA collection of over 3,400 free SVG icons for popular brands — company and product logos you can drop into any website, app or document. All of them are browsable on one page at simpleicons.org.
- 26

feather
26Kfeathericons/feather · JavaScriptFeather is a collection of simply beautiful open-source icons, each designed on a 24x24 grid with an emphasis on simplicity, consistency and flexibility.
- 27

d2
25.7Kd2lang/d2 · GoD2 is an open-source diagram scripting language: you describe a diagram as plain text in a .d2 file, and it renders that text into a real diagram.
- 28
lucide
25.2Klucide-icons/lucide · TypeScriptLucide is an open-source icon library with 1600+ vector (svg) files, made by the community as a fork of Feather Icons, for use in digital and non-digital projects.
- 29

lvgl
25Klvgl/lvgl · CLVGL (Light and Versatile Graphics Library) is a free, open-source C library for building graphical user interfaces on embedded devices — from small microcontrollers to Linux-based MPUs with 3D support.
- 30
heroicons
23.9Ktailwindlabs/heroicons · JavaScriptHeroicons is a set of free, hand-crafted MIT-licensed SVG icons for UI development, made by the creators of Tailwind CSS, available as plain SVG files or as first-party React and Vue component libraries.
- 31
svgo
22.8Ksvg/svgo · JavaScriptSVGO (SVG Optimizer) is a Node.js library and command-line application that optimizes SVG files — cutting away redundant information so they weigh less while rendering the same.
- 32

tabler-icons
22.4Ktabler/tabler-icons · JavaScriptTabler Icons is a collection of over 6200 free, MIT-licensed SVG icons for web projects, every icon drawn on a 24x24 grid with a 2px stroke.
- 33

rough
21.3Krough-stuff/rough · HTMLRough.js is a small (<9 kB) JavaScript graphics library that makes drawings look sketchy and hand-drawn instead of clean and geometric.
- 34
visx
21.1Kairbnb/visx · TypeScriptvisx is a collection of reusable low-level visualization components for React: d3 does the calculations and math, while React renders and updates the DOM. You compose charts from components instead of writing d3 selection code.
- 35

iCSS
20.6Kchokcoco/iCSS · JavaScriptiCSS ('不止于 CSS') is a large, ongoing collection of creative CSS and web-animation write-ups, numbered from #1 up to #220+, covering everything from fundamental CSS concepts to advanced visual effects.
- 36

vue-admin-template
20.4KPanJiaChen/vue-admin-template · JavaScriptA minimal admin dashboard template for Vue 2 by PanJiaChen: a ready frontend skeleton with Element UI components, axios, iconfont icons, permission control and lint, meant as a starting point for your own admin panel.
- 37

popmotion
20.2KPopmotion/popmotion · JavaScriptPopmotion is a set of simple, low-level animation libraries for JavaScript user interfaces: keyframe and spring animations for numbers, colors and complex strings, built to be composable.
- 38

FlameGraph
19.8Kbrendangregg/FlameGraph · PerlBrendan Gregg's FlameGraph: a set of Perl scripts that turn captured stack traces into interactive SVG flame graphs for visualizing profiled code.
- 39
mojs
18.8Kmojs/mojs · CoffeeScriptmo.js is an open source JavaScript motion graphics library for the web — fast, retina ready and modular. Using it on a site enhances the user experience and enriches content visually with precise, delightful animations.
- 40

game-programmer
18.7Kmiloyip/game-programmer · PythonIt is a curated study path for people who want to become game programmers, compiled by Milo Yip, a game developer with over 20 years of industry experience, into a visual roadmap of recommended books by topic.
- 41

plotly.js
18.4Kplotly/plotly.js · JavaScriptPlotly.js is an open-source JavaScript charting library that draws interactive charts in the browser. It also powers the plotly modules for Python and R (Plotly.py, Plotly.R) and sits behind Plotly and Dash.
- 42
ionicons
18.2Kionic-team/ionicons · TypeScriptIonicons is an open-source icon set with 1,300 hand-crafted icons for web, iOS, Android, and desktop apps, built for Ionic Framework but usable anywhere.
- 43

react-native-vector-icons
17.9Koblador/react-native-vector-icons · TypeScriptIt is a React Native library that provides customizable vector icons, letting you drop icons from popular icon sets like FontAwesome, Ionicons, MaterialDesignIcons and more into your app with full styling support.
- 44

twemoji
17.8Ktwitter/twemoji · HTMLTwemoji is Twitter's open-source emoji library: it swaps standard Unicode emoji for Twitter's own set so they look the same on every platform. v14.0 follows the Unicode 14.0 and Emoji 14.0 specs.
- 45
DOMPurify
17.5Kcure53/DOMPurify · JavaScriptDOMPurify is an XSS sanitizer for HTML, MathML and SVG: you feed it a string of dirty HTML and it returns clean HTML with everything dangerous stripped out, preventing XSS attacks.
- 46
metrics
17.3Klowlighter/metrics · JavaScriptMetrics is an infographics generator for GitHub: it turns your account's stats into a card rendered as SVG, Markdown, PDF or JSON that you can embed anywhere, including your profile README.
- 47

anatomy
16.8Kwheresryan22/anatomy · JavaScriptAnatomy is a Claude Code skill that turns a technical idea into a detailed, interactive isometric figure of a real machine (SVG, optional WebGL shaders, and beta 3D) for docs, articles, and landing pages.
- 48

vivus
15.5Kmaxwellito/vivus · JavaScriptVivus is a lightweight, dependency-free JavaScript class that animates SVGs so they look like they are being drawn by hand, stroke by stroke.
- 49
SuperTinyIcons
15.4Kedent/SuperTinyIcons · PythonA free collection of minuscule SVG icons for popular websites, apps, and social media logos, each kept under 1KB in file size.
- 50

apexcharts.js
15.2Kapexcharts/apexcharts.js · JavaScriptApexCharts is a JavaScript charting library for building interactive, SVG-based charts, designed for dashboards, SaaS products, and data-heavy UIs.
- 51
charts
15.1Kfrappe/charts · JavaScriptFrappe Charts is a lightweight JavaScript charting library that renders simple, responsive charts as SVG, with zero dependencies.
- 52

paper.js
15.1Kpaperjs/paper.js · JavaScriptPaper.js is an open-source vector graphics scripting framework for JavaScript, running in the browser on top of the HTML5 Canvas element. It is a JavaScript/browser port of Scriptographer, the original scripting plugin for Adobe Illustrator, built by the same authors.
- 53
ImageGlass
14.7Kd2phap/ImageGlass · C#ImageGlass is a fast, open-source, cross-platform image viewer that supports 90+ formats, including WEBP, GIF, SVG, AVIF, JXL, and HEIC, for smooth browsing on Windows, macOS, and Linux.
- 54

nivo
14.1Kplouc/nivo · TypeScriptnivo is a React component library for building data visualizations, built on top of d3 with support for SVG, HTML and Canvas rendering.
- 55

satori
14.1Kvercel/satori · TypeScriptSatori is a TypeScript library that converts HTML and CSS into SVG: you describe a visual with JSX-style markup and it renders a matching SVG for you.
- 56

Snap.svg
14Kadobe-webplatform/Snap.svg · JavaScriptSnap.svg is a JavaScript library for creating and animating modern SVG graphics in the browser.
- 57

react-content-loader
14Kdanilowoz/react-content-loader · TypeScript'react-content-loader' is an SVG-powered React component for building skeleton/placeholder loading screens, like the animated cards Facebook shows while content loads.
- 58

primitive
13.5Kfogleman/primitive · GoIt recreates a target image out of geometric primitives: the algorithm keeps adding one shape at a time, each chosen to minimize the difference from the original, until the result is recognizable yet artistic and abstract.
- 59

chartist
13.4Kchartist-js/chartist · TypeScriptChartist is a simple, responsive charting library for the web, built on inline SVG instead of canvas.
- 60
skill-icons
13.3Ktandpfun/skill-icons · SVGskill-icons is a free hosted service that generates a row of SVG icons for the programming languages, frameworks and tools you use, so you can embed them in your GitHub README or resume.
- 61

mind-map
12.8Kwanglin2/mind-map · JavaScriptSimpleMindMap (思绪思维导图) is a mind-map project with two parts: an open-source, framework-independent JavaScript mind-map library plus a web app, and a separate closed-source desktop client with plugins.
- 62
theatre
12.8Ktheatre-js/theatre · TypeScriptTheatre.js is an animation library for high-fidelity motion graphics on the web. It is designed for detailed animation — intricate movement and nuance — and can be used both programmatically and visually.
- 63
react-icons
12.7Kreact-icons/react-icons · TypeScriptIt's an npm library for React projects that packages 31 popular icon packs — Font Awesome, Material Design, Bootstrap Icons, Phosphor and more — as SVG React components you pull in with ES6 imports.
- 64
G2
12.6Kantvis/G2 · TypeScriptG2 is a visualization grammar library for building charts, dashboards, data exploration, and storytelling, inspired by Leland Wilkinson's book 'The Grammar of Graphics'.
- 65

d2-admin
12.6Kd2-projects/d2-admin · JavaScriptD2Admin is a free, open-source Vue front-end template for building enterprise admin dashboards and back-office systems, built with a modern front-end stack and a very small initial JS bundle.
- 66

highcharts
12.5Khighcharts/highcharts · TypeScriptHighcharts is a JavaScript charting library for building interactive charts, maps, and dashboards, rendered mainly with SVG and some canvas/WebGL.
- 67

flag-icons
12.5Klipis/flag-icons · HTMLflag-icons is a curated collection of every country's flag as SVG files, packaged with CSS/SASS classes so you can drop a flag into a webpage with a single class name.
- 68
snabbdom
12.4Ksnabbdom/snabbdom · TypeScriptSnabbdom is a virtual DOM library focused on simplicity, modularity, powerful features and performance. You describe your UI as vnodes and it efficiently patches the real DOM to match.
- 69
G6
12.3Kantvis/G6 · TypeScriptG6 is a graph visualization framework for the web: an engine for drawing, laying out, analyzing and interacting with relational data like networks, with animation, themes and plugins.
- 70
signature_pad
12.1Kszimek/signature_pad · TypeScriptA JavaScript library for drawing smooth signatures in the browser, based on HTML5 canvas and variable-width Bézier curve interpolation from Square's Smoother Signatures post.
- 71

vega
12Kvega/vega · JavaScriptVega is a declarative visualization grammar: you describe charts and interactive views in a JSON format, and Vega renders them using HTML5 Canvas or SVG.
- 72
Kami
12Ktw93/Kami · HTMLKami is an agent skill that gives AI coding agents (Claude Code, Codex, Cursor, etc.) templates and layout rules to turn plain requests into polished documents and landing pages — PDFs, PNGs, or editable PowerPoint slides.
- 73
devicon
11.8Kdevicons/devicon · CSSDevicon is an open-source collection of 150+ logos for programming languages and development tools — the JavaScript or Docker logo ready to drop into your project. The set keeps growing.
- 74
svg.js
11.8Ksvgdotjs/svg.js · JavaScriptSVG.js is a lightweight JavaScript library for creating, manipulating, and animating SVG graphics in the browser, with no external dependencies.
- 75
rnote
11.8Kflxzt/rnote · RustRnote is a free, open-source vector-based drawing app for sketching, taking handwritten notes, and annotating documents and pictures. It is written in Rust and GTK4.
- 76

fireworks-tech-graph
11.8Kyizhiyanhua-ai/fireworks-tech-graph · Pythonfireworks-tech-graph is an Agent Skill that turns natural-language system descriptions into polished technical diagrams: geometry-checked SVG, high-resolution PNG, SVG-to-GIF motion, and offline interactive HTML, with 12 visual styles and full UML support.
- 77

libvips
11.7Klibvips/libvips · Clibvips is a fast image processing library with low memory needs, written in C. Compared to similar libraries it runs quickly and uses little memory, and it is demand-driven and horizontally threaded.
- 78

LogicFlow
11.7Kdidi/LogicFlow · TypeScriptLogicFlow is an open-source flow chart editing framework: it provides the interactions and editing features flowcharts need, plus flexible node customization and plugins, so you can add flowchart-style editing to your own business system.
- 79

MaterialDesign
11.3KTemplarian/MaterialDesignThis is the source repo for Material Design Icons (MDI), a community-driven icon set with 7000+ icons, including Google's official Material Design icons converted into developer-friendly formats.
- 80

raphael
11.3KDmitryBaranovskiy/raphael · JavaScriptRaphaël is a JavaScript vector-graphics library for the browser: you draw shapes, text and animations through its API, and it renders across different browsers.
- 81

victory
11.2KFormidableLabs/victory · TypeScriptVictory is a collection of composable React components for building interactive data visualizations like charts and graphs.
- 82

beautiful-mermaid
11.2Klukilabs/beautiful-mermaid · TypeScriptbeautiful-mermaid is a TypeScript library that renders Mermaid diagrams as polished SVGs or ASCII/Unicode art, built so AI coding assistants and chat UIs can show flowcharts, state machines, and other diagrams inline.
- 83

svgr
11.1Kgregberge/svgr · TypeScriptSVGR is a universal tool that turns SVG files into ready-to-use React components: feed it a raw SVG and you get a component you can drop straight into a React project.
- 84
MathJax
10.9Kmathjax/MathJax · JavaScriptMathJax is an open-source JavaScript display engine that renders LaTeX, MathML, and AsciiMath notation in all modern browsers, with built-in support for assistive technology like screen readers.
- 85

fluentui-system-icons
10.9Kmicrosoft/fluentui-system-icons · HTMLFluent UI System Icons is Microsoft's open collection of familiar, friendly and modern icons, shipped as ready-made packages for Android, iOS/macOS and Flutter, plus plain SVG files.
- 86

CSS-Inspiration
10.8Kchokcoco/CSS-Inspiration · CSSA curated collection of pure-CSS demos and visual effects, organized by category (layout, shadows, gradients, filters, blend modes, 3D, animation, clip-path, SVG) so you can browse them for inspiration or to learn a specific CSS technique.
- 87

dom-to-image
10.8Ktsayen/dom-to-image · JavaScriptdom-to-image is a JavaScript library that turns any DOM node into an image — either a vector SVG or a raster PNG/JPEG — rendered with HTML5 canvas.
- 88

moveable
10.8Kdaybrush/moveable · TypeScriptMoveable is a JavaScript/TypeScript library for making DOM and SVG elements draggable, resizable, scalable, rotatable, warpable, pinchable, groupable, and snappable, with ready-made components for React, Vue, Vue 3, Angular, Svelte, Lit, and Preact.
- 89

node-canvas
10.7KAutomattic/node-canvas · JavaScriptnode-canvas is a Cairo-backed implementation of the HTML5 Canvas API for Node.js, letting you draw shapes, images and text on the server and export the result as PNG, JPEG, PDF or SVG.
- 90

zdog
10.7Kmetafizzy/zdog · JavaScriptZdog is a round, flat, designer-friendly pseudo-3D engine for the web: you build 3D models in JavaScript by adding shapes, and it renders them with 2D drawing APIs to canvas or SVG.
- 91

react-native-ui-kitten
10.7Kakveo/react-native-ui-kitten · TypeScriptUI Kitten is a React Native UI library built on the Eva Design System: consistently styled general-purpose components for building multi-brand cross-platform mobile apps, with themes that switch at runtime.
- 92

pdf2htmlEX
10.6Kcoolwanglu/pdf2htmlEX · HTMLpdf2htmlEX is a PDF-to-HTML converter that keeps text and formatting intact. It renders PDF files as real, selectable HTML using modern Web technologies.
- 93

drawio-skill
10.2KAgents365-ai/drawio-skill · PythonAn agent skill that turns plain-language descriptions and real system sources — code, Terraform, Kubernetes, SQL, OpenAPI — into editable .drawio architecture diagrams, then keeps them synced, tested and exportable.
- 94

madge
10.2Kpahen/madge · JavaScriptMadge is a developer tool that creates a visual graph of your module dependencies and finds circular dependencies in JavaScript and CSS preprocessor code.
- 95

trianglify
10.1Kqrohlf/trianglify · JavaScriptTrianglify is a JavaScript library that algorithmically generates colorful triangle-mesh background images as SVG — decorative low-poly-style patterns you can drop into a web page.
- 96
css.gg
10.1Kastrit/css.gg · JavaScriptCSS.GG is a comprehensive open-source icon library: 700+ UI icons written in pure CSS, plus matching SVG versions and a Figma collection.
- 97
vectorcraft
10Kstorytold/vectorcraft · RustVectorCraft is an open-source, clean-room reimplementation of Adobe Illustrator, built from scratch in pure Rust, aiming to replicate Illustrator's tools, panels and workflow.
- 98

react-native-skia
8.7Kwcandillon/react-native-skia · TypeScriptReact Native Skia brings Google's Skia graphics engine (the renderer used by Chrome and Android) to React Native, letting you write high-performance 2D graphics, shaders, and animations using a React component API.
- 99

architecture-diagram-generator
7.5KCocoon-AI/architecture-diagram-generator · HTMLIt's a Claude AI skill that turns a plain-English description of your system into a beautiful, dark-themed architecture diagram, rendered as a standalone HTML/SVG file you can open in any browser.
- 100

Infographic
7Kantvis/Infographic · TypeScriptAntV Infographic is a declarative framework for generating and rendering infographics, built so AI can turn text descriptions into polished visual infographics rendered as SVG.
Showing the 100 most-starred of 154. See every one in the catalog.
Related topics
Often tagged together