TypeScript SVG

Open-source TypeScript projects categorized as SVG
Edit details
React TypeScript Icons JavaScript Canvas
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured

Top 23 TypeScript SVG Projects

TypeScript logo
SVG

  1. echarts

    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.

  2. SaaSHub

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

    SaaSHub logo

  3. lucide

    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

  4. visx

    🐯 visx | visualization components

  5. nivo

    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

  6. react-content-loader

    ⚪ SVG-Powered component to easily create skeleton loadings.

  7. satori

    Enlightened library to convert HTML and CSS to SVG

    Project mention: Next.js Dynamic OG Images: Fix the Turbopack CPU Hang | dev.to | 2026-05-26

    ImageResponse uses Satori under the hood — a library that renders JSX to PNG. You write JSX with inline styles, Satori paints it into an image.

  8. chartist

    Simple responsive charts

  9. G2

    📊 The concise and progressive visualization grammar.

  10. LogicFlow

    A flow chart editing framework focus on business customization. 专注于业务自定义的流程图编辑框架，支持实现脑图、ER图、UML、工作流等各种图编辑场景。

  11. svgr

    Transform SVGs into React components 🦁

    Project mention: Turbopack: A Better Way to Inline SVG in Next.js 16 | dev.to | 2025-11-19

    SVGR converts an SVG into a React component. Turbopack supports this loader, and it is a pretty popular pattern:

  12. react-diagrams

    a super simple, no-nonsense diagramming library written in react that just works

  13. icons

    Official open source SVG icon library for Bootstrap.

    Project mention: How SVG Became the Standard Icon Format | dev.to | 2025-07-28

    Bootstrap icons is the official icon library from the Bootstrap team that offers 2,000+ clean SVG icons. Built specifically to match Bootstrap's design language, so if you're already using the framework, these icons will fit perfectly.

  14. html-to-image

    ✂️ Generates an image from a DOM node using HTML5 canvas and SVG.

    Project mention: Why we built 78 tarot cards in SVG — and the export bug that nearly killed it | dev.to | 2026-06-11

    Readings are exportable to PDF. We rasterize the report DOM with html-to-image (toPng) and lay the image out with jsPDF.

  15. X6

    🚀 JavaScript diagramming library that uses SVG and HTML for rendering.

  16. boring-avatars

    Boring avatars is an open source React library that generates custom, SVG-based avatars from any username and color palette.

  17. iconify

    Universal icon framework. One syntax for FontAwesome, Material Design Icons, DashIcons, Feather Icons, EmojiOne, Noto Emoji and many other open source icon sets (over 200 icon sets and ~300k icons). SVG framework, React, Vue and Svelte components!

    Project mention: Free SVG brand icons in 2026: thesvg.org vs svgl vs Simple Icons | dev.to | 2026-05-02

    If you need an aggregator across 200+ icon sets (Lucide, Heroicons, Material, plus brand sets), Iconify is the long-tail option. It is not in the same category as the three above, so I leave it out of the head-to-head.

  18. billboard.js

    📊 Re-usable, easy interface JavaScript chart library based on D3.js

  19. pts

    A library for visualization and creative-coding

  20. svg-path-editor

    Online editor to create and manipulate SVG paths

  21. canvas-editor

    A Canvas/SVG-based rich text editor

  22. iconoir

    An open source icons library with 1600+ icons, supporting React, React Native, Flutter, Vue, Figma, and Framer.

  23. ngx-charts

    :bar_chart: Declarative Charting Framework for Angular

  24. canvg

    JavaScript SVG parser and renderer on Canvas

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

TypeScript SVG discussion

Log in or Post with

TypeScript SVG related posts

  • 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

  • Show HN: I made a tool for learning scales, chords, and how to combine them

    2 projects | news.ycombinator.com | 20 May 2026

  • How I fixed a Bluesky image upload race against Cloudflare Pages deploy lag

    1 project | dev.to | 10 May 2026

  • Free SVG brand icons in 2026: thesvg.org vs svgl vs Simple Icons

    1 project | dev.to | 2 May 2026

  • I built a shields.io alternative that renders badges as shadcn/ui buttons

    2 projects | dev.to | 25 Apr 2026
  • A note from our sponsor - SaaSHub
    www.saashub.com | 15 Jun 2026
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

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

# Project Stars
1 echarts 66,576
2 lucide 22,973
3 visx 20,833
4 nivo 14,039
5 react-content-loader 13,999
6 satori 13,520
7 chartist 13,395
8 G2 12,558
9 LogicFlow 11,421
10 svgr 11,035
11 react-diagrams 9,401
12 icons 8,015
13 html-to-image 7,163
14 X6 6,589
15 boring-avatars 6,278
16 iconify 6,151
17 billboard.js 5,975
18 pts 5,327
19 svg-path-editor 5,207
20 canvas-editor 4,956
21 iconoir 4,461
22 ngx-charts 4,357
23 canvg 3,832

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
Loading...