svg

12 repositories

mrdoob/three.js

three.js: the long-standing standard for 3D on the web — A cross-browser JavaScript 3D library now supporting both WebGL and WebGPU renderers, with SVG/CSS3D as addons. It powers everything from simple canvas demos to WebXR-based VR/AR apps, competing with engines like Babylon.js while staying lightweight and easy to use.

JavaScript 3D Library.

JavaScriptAttention 37Acceleration +26%
★117,148
juliangarnier/anime

Anime.js V4 brings a new look and continued momentum — Anime.js is a lightweight JavaScript animation library for CSS, SVG, DOM attributes and JS objects. The repo now showcases a V4 logo refresh and is sustained through GitHub Sponsors, signaling active development for developers who need a simple yet powerful animation API.

JavaScript animation engine

JavaScript🇪🇺 EuropeAttention 40Acceleration +73%
★74,005
cathrynlavery/diagram-design

An agent skill that draws brand-matched diagrams, no Mermaid required — This is an agent skill for coding assistants like Claude Code, Codex, and Cursor that generates diagrams as self-contained HTML+SVG files across 44 types. It can pull a site's palette and fonts to match your brand, and imports from drawio, Mermaid, or Excalidraw, aiming for editorial-quality output rather than default auto-layout look.

Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.

HTMLAttention 56Acceleration -31%Retention +474%
★62,489
tabler/tabler-icons

Over 6,200 free SVG icons for design and front-end work — Tabler Icons offers more than 6,200 MIT-licensed SVG icons, each drawn on a 24x24 grid with consistent 2px strokes, in both outline and filled styles. Packages exist for plain use plus React and Svelte components, making it easy to drop into web projects or design systems.

A set of over 6200 free MIT-licensed high-quality SVG icons for you to use in your web projects.

JavaScript🇪🇺 EuropeAttention 33Acceleration -10%
★22,494
wheresryan22/anatomy

A Claude skill that explains ideas by drawing working isometric machines — Anatomy is an agent skill that turns a concept into a detailed, interactive isometric SVG illustration, with optional WebGL shaders and 3D effects. It runs in Claude Code, Antigravity, OpenCode, Codex and MiniMax Code, has zero dependencies, and suits developers who want visual explanations generated directly by an AI agent.

An agent skill for creating detailed, interactive isometric illustrations of real-world machines and complex systems. Generates polished SVGs with optional WebGL shaders and 3D effects.

JavaScriptAttention 74
★22,164
rough-stuff/rough

A tiny library that renders sketchy, hand-drawn graphics — Rough.js is a sub-9kB library for drawing lines, curves, polygons and SVG paths with a hand-drawn look, working on both Canvas and SVG. It offers multiple fill styles—hachure, solid, zigzag, cross-hatch, dots—useful for wireframes, whiteboards, or playful UI graphics.

Create graphics with a hand-drawn, sketchy, appearance

HTMLAttention 6
★21,328
storytold/vectorcraft

VectorCraft: An open-source, vector art tool written by scratch in pure Rust

RustAttention 58
★10,946
kane50613/takumi

Render OG images and paged PDFs from JSX, HTML, and CSS. No headless browser. Runs on Node.js, Cloudflare Workers, browsers, and Rust.

Rust🇨🇳 Greater China
★3,156
guillermolg00/morphicons

Any icon morphs into any other — universal morphing for stroke-based icons with spring physics. Zero dependencies, ~7 KB gzip.

TypeScript🇪🇺 Europe
★3,062
reladraw/reladraw

A text language for diagrams where relative placement, not layout algorithms, rules — reladraw is a text-to-SVG diagram language that sits between auto-layout tools like Mermaid/Graphviz/D2 and manual editors like draw.io/Excalidraw. Instead of absolute coordinates or algorithmic layout, you describe relative positions ('below', 'right of'), giving custom arrangements without hand-dragging nodes or editing XML.

A text diagram language where you say where things go. Playground: reladraw.github.io/reladraw

TypeScriptAttention 48Acceleration +29%
★1,150
lovisdotio/motion2code

Skills for coding agents: rebuild a motion design video as looping SVG + GSAP code, checked frame by frame against the source

HTML
★296
Garinmckayl/anima

Anima: a Claude Code skill that turns a biology idea into an interactive, sourced, isometric figure. Dopamine receptors, stimulants, addiction circuits, semaglutide.

JavaScriptAttention 66
★253