TypeScript SVG

Open-source TypeScript projects categorized as SVG
Edit details
React TypeScript Icons JavaScript Canvas
SurveyJS: Build JSON-Driven Surveys and Forms with Full Data Control
Add the SurveyJS UI components to your JS app (React/Angular/Vue3). Securely collect and analyze data without sending it to 3rd-party servers. Fully customizable, works with any backend, and ideal for data-heavy apps. Learn more.
surveyjs.io
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. SurveyJS

    SurveyJS: Build JSON-Driven Surveys and Forms with Full Data Control. Add the SurveyJS UI components to your JS app (React/Angular/Vue3). Securely collect and analyze data without sending it to 3rd-party servers. Fully customizable, works with any backend, and ideal for data-heavy apps. Learn more.

    SurveyJS logo

  3. visx

    🐯 visx | visualization components

    Project mention: React’s Four Horsemen of the Frontendpocalypse | dev.to | 2025-05-24

    View on GitHub

  4. lucide

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

    Project mention: Brutal Efficiency: A Tech Breakdown of My Portfolio | dev.to | 2025-12-12

    Icons: Lucide React (clean, consistent SVG icons)

  5. react-content-loader

    ⚪ SVG-Powered component to easily create skeleton loadings.

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

  7. chartist

    Simple responsive charts

  8. satori

    Enlightened library to convert HTML and CSS to SVG

    Project mention: Enlightened library to convert HTML and CSS to SVG | news.ycombinator.com | 2025-11-12

  9. Stream

    Stream - Scalable APIs for Chat, Feeds, Moderation, & Video. Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.

    Stream logo

  10. G2

    📊 The concise and progressive visualization grammar.

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

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

  13. react-diagrams

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

  14. IconPark

    🍎Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons

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

  16. html-to-image

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

    Project mention: Show HN: TinyPDF – 3KB PDF library (70x smaller than jsPDF) | news.ycombinator.com | 2025-12-18

    It does sound very cool, but I don't think it exports to PDF: https://github.com/bubkoo/html-to-image/issues/327

  17. X6

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

  18. boring-avatars

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

    Project mention: boring-avatars VS playful-avatars - a user suggested alternative | libhunt.com/r/boring-avatars | 2025-03-04

  19. billboard.js

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

  20. 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 150 icon sets and 200k icons). SVG framework, React, Vue and Svelte components!

    Project mention: Show HN: Free SVG Icons – Browse, customize, and grab icons | news.ycombinator.com | 2025-08-11

    Nice. I keep https://iconify.design/ bookmarked and use it regularly. What does your site do differently or better than Iconify? Also, I hit the same UX bug as slig.

  21. pts

    A library for visualization and creative-coding

  22. svg-path-editor

    Online editor to create and manipulate SVG paths

  23. canvas-editor

    rich text editor by canvas/svg

  24. ngx-charts

    :bar_chart: Declarative Charting Framework for Angular

  25. iconoir

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

    Project mention: Iconoir: The Ultimate Icon Library for Modern Developers | dev.to | 2025-05-10

    View the Project on GitHub

  26. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

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

TypeScript SVG discussion

TypeScript SVG related posts

  • Brutal Efficiency: A Tech Breakdown of My Portfolio

    4 projects | dev.to | 12 Dec 2025

  • Enlightened library to convert HTML and CSS to SVG

    1 project | news.ycombinator.com | 12 Nov 2025

  • Mirrow App: A DSL for Dynamic SVG Creation and Animation

    1 project | news.ycombinator.com | 24 Oct 2025

  • Nested List Series: JavaScript Visualization Ecosystems Across Seven Leading Graph Databases

    6 projects | dev.to | 12 Oct 2025

  • QGIS is a free, open-source, cross platform geographical information system

    8 projects | news.ycombinator.com | 12 Sep 2025

  • Show HN: Free SVG Icons – Browse, customize, and grab icons

    1 project | news.ycombinator.com | 11 Aug 2025

  • How SVG Became the Standard Icon Format

    1 project | dev.to | 28 Jul 2025
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 23 Dec 2025
    InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more →

Index

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

# Project Stars
1 echarts 65,265
2 visx 20,490
3 lucide 20,264
4 react-content-loader 13,983
5 nivo 13,897
6 chartist 13,398
7 satori 12,711
8 G2 12,483
9 svgr 10,985
10 LogicFlow 10,948
11 react-diagrams 9,310
12 IconPark 8,886
13 icons 7,828
14 html-to-image 6,937
15 X6 6,347
16 boring-avatars 6,096
17 billboard.js 5,959
18 iconify 5,674
19 pts 5,306
20 svg-path-editor 4,789
21 canvas-editor 4,701
22 ngx-charts 4,340
23 iconoir 4,293

Sponsored
SurveyJS: Build JSON-Driven Surveys and Forms with Full Data Control
Add the SurveyJS UI components to your JS app (React/Angular/Vue3). Securely collect and analyze data without sending it to 3rd-party servers. Fully customizable, works with any backend, and ideal for data-heavy apps. Learn more.
surveyjs.io
Loading...