Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more โ
Top 23 JavaScript SVG Projects
-
In my experience with AI code generation, in visual projects like UI development or JavaScript based animation (using three.js or p5.js) etc. AI tools work pretty well.
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
AnimeJS
-
sharp
High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP, AVIF and TIFF images. Uses the libvips library.
Nuxt Image comes with a preconfigured instance of unjs/ipx. An open source, self-hosted image optimizer based on lovell/sharp.
-
Project mention: Ask HN: FontAwesome makes it impossible to downgrade. Any alternatives? | news.ycombinator.com | 2024-11-20
-
Project mention: StyleSpark: Analyzing and Matching Code to Iconic Programming Styles using GitHub Actions | dev.to | 2025-01-19
StyleSpark is a productivity tool designed to help developers gain insights into their coding styles by analyzing their code snippets and matching them to the styles of iconic programmers. Specifically, it is a new GitHub Action that programmers can include in their workflows to inspire personal growth and improvement in coding practices by providing users with a fun and educational way to explore different programming styles. It leverages Llama 3 to analyze snippets from your GitHub repos to identify how your style compares to computing's heroes! When it's done, it will update your README with a snazzy badge powered by Shields.io, like this one:
-
๐ Composed Image Retrieval ๐ Intro to Multimodal LLama 3.2 ๐ ๏ธ Multi Agent Concierge ๐ป RAG with Langchain Granite, Milvus ๐ซถ Download content โ Transformer Replacement? ๐ค vLLM for runing models ๐ Amphion ๐ Autogluon ๐ Notebook LLama like Google's Notebook LLM ๐ซถ Monocle2ai for tracing GenAI app code LFA&D Project ๐ค Bee Agent Framework โ LLama RFP Response โถ๏ธ GenAI Script ๐ฝ Simular AI Agent S ๐ฆพ DrawDB with AI โจ Ollama with LLama 3.2 Vision!!!! Preview ๐ Powerful RAG Checker ๐ SQL Generator ๐ป Role of LLMs ๐ Document Extraction ๐ถ๏ธ Open Source Vector DB Reddit ๐ The Practical Guide to Self Hosting LLM ๐ฆพ Stagehand Controller ๐ถ๏ธ Understanding HNSWLIB ๐ Best practices in RAG ๐ป Enigma Agent ๐ Langchain, Ollama, Phi3 for Function Calling ๐ Compass Judger ๐ Princeton NLP SimPO ๐ Princeton NLP ProLong ๐ Princeton NLP HELMET ๐ง Ollama Cheatsheet ๐ Princeton NLP CopyCat ๐ Princeton NLP Shp ๐ถ๏ธ Can LLM Solve Hard Github Issues ๐ Enabling Large Language Models to Generate Text with Citations ๐ Princeton NLP CharXiv ๐ Awesome AI Agents List ๐ฆพ Nomicโs Matryoshka text embedding model
-
Project mention: My Hacktoberfest Journey: From First Pull Request to the Hall of Fame | dev.to | 2024-11-03
ThesllaDev posted on Oct 19, 2024
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
SVGO (or SVGR for react) is making it a very easy process. Behind the scenes, it mostly deletes all unnecessary stuff for us.
-
Project mention: Top 15 Animation Libraries for React & Modern Javascript Apps | dev.to | 2024-07-17
Popmotion is a functional, flexible JavaScript animation library. It powers the animations in Framer Motion. It has over 19.9k stars on GitHub and offers a range of tools for creating animations and interactions.
-
tabler-icons
A set of over 5800 free MIT-licensed high-quality SVG icons for you to use in your web projects.
In order to reuse some components, such as tag lists, reading time, icons, etc., we can abstract the same content and put it in the layouts/partials directory. Taking icons as an example, I use https://tabler.io/icons as the source of icons, Download the corresponding icon SVG file to the assets directory and define a partial page:
-
-
When working with large datasets, rendering all points in a line chart can cause significant performance issues. For example, plotting 50,000 data points directly can overwhelm the browser and make the chart unresponsive. Tools like amCharts and ApexCharts struggle with such datasets, while ECharts performs better but still isn't optimized for extremely large datasets.
-
DOMPurify
DOMPurify - a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. DOMPurify works with a secure default, but offers a lot of configurability and hooks. Demo:
Let's take a look at how we implement sanitization in the secure version of our vulnerable application. Since this application is primarily written using JavaScript, we use the dompurify library for the client side and the isomorphic-dompurify library for server-side sanitization. In the app.js program that acts as our web server, you will find an express endpoint /sanitized with a GET and POST implementation:
-
-
lucide
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
Project mention: The Ultimate React Toolkit: Everthing you need ๐บ๏ธ๐ฆ๐ | dev.to | 2024-12-09Lucide
-
Document address: Vega Official Document
-
-
-
-
Project mention: 17 Free Open-source Icon Libraries (Carefully Curated List, Filterable & Sortable) - Need Feedback | dev.to | 2024-07-08
CSS.gg - Pure CSS Icons
-
Project mention: GitHub ใใใทใฅใใผใใฎใณใใใใใชใขใซใฟใคใ ใง่ฟฝ่ทกใใ | dev.to | 2024-05-30
-
-
Project mention: 17 Free Open-source Icon Libraries (Carefully Curated List, Filterable & Sortable) - Need Feedback | dev.to | 2024-07-08
Octicons - Scalable icons handcrafted by GitHub
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
JavaScript SVG discussion
JavaScript SVG related posts
-
Animation Library You Can Use for your Web Apps
-
Enhance Your Web Projects with Sphere Animations Using EldoraUI ๐
-
SVG hacks for you
-
My son (9 yrs old) used plain JavaScript to make a game, and wants your feedback
-
Level Up Your GitHub Profile: A Complete Guide to Stand Out and Shine
-
JavaScript. How to Make a Blazingly Fast Multithreaded Data Grid for 1,000,000 Rows. Part 1/2: The Nuances of Working with DOM
-
The Final Stretch of My Open Source Journey: Part 2
-
A note from our sponsor - CodeRabbit
coderabbit.ai | 8 Feb 2025
Index
What are some of the best open-source SVG projects in JavaScript? This list will help you:
# | Project | Stars |
---|---|---|
1 | three.js | 104,174 |
2 | anime.js | 50,810 |
3 | sharp | 29,766 |
4 | feather | 25,206 |
5 | shields | 24,270 |
6 | drawdb | 23,995 |
7 | simple-icons | 21,836 |
8 | svgo | 21,275 |
9 | popmotion | 20,061 |
10 | tabler-icons | 18,733 |
11 | Frappe Charts | 14,977 |
12 | apexcharts.js | 14,600 |
13 | DOMPurify | 14,527 |
14 | Snap.svg | 13,969 |
15 | lucide | 12,489 |
16 | vega | 11,346 |
17 | svg.js | 11,294 |
18 | dom-to-image | 10,484 |
19 | zdog | 10,427 |
20 | css.gg | 9,764 |
21 | c3 | 9,349 |
22 | flowchart.js | 8,573 |
23 | octicons | 8,407 |