svg
12 repositories
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.
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
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.
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.
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.
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
VectorCraft: An open-source, vector art tool written by scratch in pure Rust
Render OG images and paged PDFs from JSX, HTML, and CSS. No headless browser. Runs on Node.js, Cloudflare Workers, browsers, and Rust.
Any icon morphs into any other — universal morphing for stroke-based icons with spring physics. Zero dependencies, ~7 KB gzip.
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
Skills for coding agents: rebuild a motion design video as looping SVG + GSAP code, checked frame by frame against the source
Anima: a Claude Code skill that turns a biology idea into an interactive, sourced, isometric figure. Dopamine receptors, stimulants, addiction circuits, semaglutide.