TypeScript SVG

Open-source TypeScript projects categorized as SVG

Top 23 TypeScript SVG Projects

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

  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

    SurveyJS logo
  3. 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.

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

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

  7. chartist

    Simple responsive charts

  8. G2

    📊 The concise and progressive visualization grammar.

  9. 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
  10. satori

    Enlightened library to convert HTML and CSS to SVG

    Project mention: Understand Open Graph ( OG ) in Next Js : A Practical Guide | dev.to | 2024-10-31

    While we’ve covered core concepts for creating Open Graph image, you can explore Vercel Image Playground for interactive experimentation. This handy tool lets you visually build and test Open Graph images by directly editing the HTML and CSS that define their appearance. You can play with fonts, colors, layouts, and even preview the generated image in real-time.

  11. svgr

    Transform SVGs into React components 🦁

    Project mention: Show HN: Make SVGs interactive in React with 1 line | news.ycombinator.com | 2025-04-01

    yeah, not sure why anyone would copy-paste SVG as JSX when SVGR exists: https://react-svgr.com/

  12. react-diagrams

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

  13. IconPark

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

  14. html-to-image

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

    Project mention: Show HN: Latex.to – LaTeX to image converter running in the browser | news.ycombinator.com | 2024-10-29
  15. X6

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

  16. billboard.js

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

    Project mention: billboard.js 3.14 release: viewBox resizing! | dev.to | 2024-10-24
  17. pts

    A library for visualization and creative-coding

  18. 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: IcôNES | news.ycombinator.com | 2025-04-26

    Kind of in the similar vein: https://iconify.design/

  19. svg-path-editor

    Online editor to create and manipulate SVG paths

  20. ngx-charts

    :bar_chart: Declarative Charting Framework for Angular

  21. canvas-editor

    rich text editor by canvas/svg

    Project mention: Show HN: Rich Text Editor by Canvas/SVG | news.ycombinator.com | 2024-07-25
  22. 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

  23. canvg

    JavaScript SVG parser and renderer on Canvas

  24. sqip

    "SQIP" (pronounced \skwɪb\ like the non-magical folk of magical descent) is a SVG-based LQIP technique.

    Project mention: SQIP – a pluggable image converter with vector support | news.ycombinator.com | 2025-04-29
  25. react-kawaii

    Cute SVG React Components

  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

Log in or Post with

TypeScript SVG related posts

  • Iconoir: The Ultimate Icon Library for Modern Developers

    1 project | dev.to | 10 May 2025
  • IcôNES

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

    1 project | news.ycombinator.com | 24 Apr 2025
  • What We Did to Gain 3,000 GitHub Stars for the Liam Repository

    3 projects | dev.to | 21 Apr 2025
  • SVG Gobbler – Find, optimize, edit, and export SVGs

    1 project | news.ycombinator.com | 9 Mar 2025
  • Ghostwriter – use the reMarkable2 as an interface to vision-LLMs

    10 projects | news.ycombinator.com | 7 Feb 2025
  • Optimizing Line Chart Performance with LTTB Algorithm

    2 projects | dev.to | 1 Feb 2025
  • A note from our sponsor - Civic Auth
    www.civic.com | 12 May 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 in TypeScript? This list will help you:

# Project Stars
1 echarts 63,458
2 visx 19,996
3 lucide 17,011
4 react-content-loader 13,893
5 nivo 13,536
6 chartist 13,367
7 G2 12,293
8 satori 11,725
9 svgr 10,783
10 react-diagrams 8,920
11 IconPark 8,543
12 html-to-image 6,303
13 X6 6,009
14 billboard.js 5,907
15 pts 5,250
16 iconify 5,137
17 svg-path-editor 4,407
18 ngx-charts 4,324
19 canvas-editor 4,150
20 iconoir 4,039
21 canvg 3,739
22 sqip 3,396
23 react-kawaii 2,928

Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?