Topics / #svg-animation

Svg-animation projects on GitHub

Tools and libraries for animating SVG graphics.

As of , the most-starred Svg-animation projects on GitHub are anime (73.7K stars), lottie-web (32.3K stars) and vivus (15.5K stars). GitHub.Locker tracks 10 Svg-animation repositories with 162K stars combined. The fastest-growing on October 19 was hairline, with +110 stars in a day.

10Projects
162KStars in total
+191Stars in a day
Browse in the catalog →github.com/topics/svg-animation ↗

Hot right now

Most stars gained in a day · Oct 19

+110

hairline

lucasmarkes/hairline · ★ 2.5K

Hairline is a collection of nineteen small isometric line figures - like a keyboard, vault, laptop or router - that animate live as you move the pointer over them. It ships as a tiny library you can use in React or drop into any plain DOM project.

+24

anime

juliangarnier/anime · ★ 73.7K

Anime.js is a fast, multipurpose and lightweight JavaScript animation library with a simple yet powerful API for animating things on the web.

+20

aora-bot

sam70361/aora-bot · ★ 512

Emotion Ball is a facial-expression engine for AI assistants: 32 state-based expressions driven entirely by pure SVG and vanilla JavaScript, with zero frameworks and zero image assets. The AI side just outputs an emotionId and the ball switches to the matching expression.

+16

fireworks-tech-graph

yizhiyanhua-ai/fireworks-tech-graph · ★ 11.8K

fireworks-tech-graph is an Agent Skill that turns natural-language system descriptions into polished technical diagrams: geometry-checked SVG, high-resolution PNG, SVG-to-GIF motion, and offline interactive HTML, with 12 visual styles and full UML support.

The all-time top

10 projects · by stars

  1. #1 · juliangarnier/anime

    anime

    Anime.js is a fast, multipurpose and lightweight JavaScript animation library with a simple yet powerful API for animating things on the web.

    73.7K
  2. #2 · airbnb/lottie-web

    lottie-web

    Lottie-web is a JavaScript library that parses Adobe After Effects animations exported as JSON via the Bodymovin plugin and renders them natively in the browser, so designers can ship real animations without an engineer hand-coding them.

    32.3K
  3. #3 · maxwellito/vivus

    vivus

    Vivus is a lightweight, dependency-free JavaScript class that animates SVGs so they look like they are being drawn by hand, stroke by stroke.

    15.5K
  1. 4

    svg.js

    11.8Ksvgdotjs/svg.js · JavaScript

    SVG.js is a lightweight JavaScript library for creating, manipulating, and animating SVG graphics in the browser, with no external dependencies.

  2. 5

    fireworks-tech-graph

    11.8Kyizhiyanhua-ai/fireworks-tech-graph · Python

    fireworks-tech-graph is an Agent Skill that turns natural-language system descriptions into polished technical diagrams: geometry-checked SVG, high-resolution PNG, SVG-to-GIF motion, and offline interactive HTML, with 12 visual styles and full UML support.

  3. 6

    clawd-on-desk

    6.5Krullerzhou-afk/clawd-on-desk · JavaScript

    Clawd on Desk is a pixel desktop pet that sits on your screen and reacts in real time to what your AI coding agent (Claude Code, Codex, Cursor, etc.) is doing, so you can tell from a glance when it's thinking, working, or done.

  4. 7

    lottie

    5.6Kdiffusionstudio/lottie · TypeScript

    Text-to-Lottie is an open-source framework that lets you generate production-ready Lottie animations by describing them in plain language to Claude Code, Codex, or any coding agent that supports skills.

  5. 8

    hairline

    2.5Klucasmarkes/hairline · TypeScript

    Hairline is a collection of nineteen small isometric line figures - like a keyboard, vault, laptop or router - that animate live as you move the pointer over them. It ships as a tiny library you can use in React or drop into any plain DOM project.

  6. 9

    bloub

    1.8Kjeremy-prt/bloub · TypeScript

    An SVG recreation of the x.ai bot avatar: one black shape that morphs through 14 states plus two independently animated white eye shapes, with every pose measured frame-by-frame off the reference video rather than hand-designed.

  7. 10

    aora-bot

    512sam70361/aora-bot · JavaScript

    Emotion Ball is a facial-expression engine for AI assistants: 32 state-based expressions driven entirely by pure SVG and vanilla JavaScript, with zero frameworks and zero image assets. The AI side just outputs an emotionId and the ball switches to the matching expression.

Often tagged together