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 →
Top 23 TypeScript SVG Projects
-
echarts
Apache ECharts is a powerful, interactive charting and data visualization library for browser
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.
-
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.
-
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.
-
lucide
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
Explore Now
-
-
nivo
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
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.
-
-
-
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.
-
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.
-
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/
-
-
-
Project mention: Show HN: Latex.to – LaTeX to image converter running in the browser | news.ycombinator.com | 2024-10-29
-
-
-
-
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!
Kind of in the similar vein: https://iconify.design/
-
-
-
-
iconoir
An open source icons library with 1600+ icons, supporting React, React Native, Flutter, Vue, Figma, and Framer.
View the Project on GitHub
-
-
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 -
-
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.
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
-
Iconoir: The Ultimate Icon Library for Modern Developers
-
IcôNES
-
Badgen – A Badge Generating Service
-
What We Did to Gain 3,000 GitHub Stars for the Liam Repository
-
SVG Gobbler – Find, optimize, edit, and export SVGs
-
Ghostwriter – use the reMarkable2 as an interface to vision-LLMs
-
Optimizing Line Chart Performance with LTTB Algorithm
-
A note from our sponsor - Civic Auth
www.civic.com | 12 May 2025
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