Topics / #animation

Animation projects on GitHub

Programmatic and CSS animation techniques and libraries for motion in apps.

As of , the most-starred Animation projects on GitHub are hello-algo (130.8K stars), three.js (116.5K stars) and angular (101.1K stars). GitHub.Locker tracks 326 Animation repositories with 4.9M stars combined. The fastest-growing on October 16 was anatomy, with +1K stars in a day.

326Projects
4.9MStars in total
+7.2KStars in a day

Hot right now

Most stars gained in a day · Oct 16

The all-time top

Top 100 of 326 · by stars

  1. #1 · krahets/hello-algo

    hello-algo

    Hello Algo is a free, open-source illustrated book that teaches data structures and algorithms from scratch using animated diagrams and one-click runnable code.

    130.8K
  2. #2 · mrdoob/three.js

    three.js

    It's a JavaScript 3D library for the browser: the project aims to be easy-to-use, lightweight, cross-browser and general-purpose. Around since 2010, now over 116,000 GitHub stars.

    116.5K
  3. #3 · angular/angular

    angular

    Angular is a development platform for building mobile and desktop web applications using TypeScript/JavaScript.

    101.1K
  1. 4

    taste-skill

    98.1KLeonxlnx/taste-skill · JavaScript

    Taste Skill is a set of portable skills for AI coding agents: they upgrade AI-built interfaces with stronger layout, typography, motion, and spacing instead of boilerplate-looking UIs.

  2. 5

    manim

    95.2K3b1b/manim · Python

    ManimGL is a Python engine for precise programmatic animations, designed for creating explanatory math videos — the tool built by 3Blue1Brown's author to animate his videos.

  3. 6

    svelte

    88.4Ksveltejs/svelte · JavaScript

    Svelte is a compiler that turns declarative UI components into efficient vanilla JavaScript, which then surgically updates the DOM directly instead of shipping a heavy runtime framework to the browser.

  4. 7

    animate.css

    82.9Kanimate-css/animate.css · CSS

    Animate.css is a cross-browser library of ready-made CSS animations you can drop into a page to animate elements like fades, bounces, and slides.

  5. 8

    LeetCodeAnimation

    76.7KMisterBooo/LeetCodeAnimation · Java

    LeetCodeAnimation is a collection of animated LeetCode problem walkthroughs: each animation shows how pointers move, how state and recursion unfold, and why boundaries hold, paired with reference code.

  6. 9

    awesome-react

    74.9Kenaqx/awesome-react

    A curated list of resources, libraries, and tools for the React and React Native ecosystem, covering everything from frameworks to testing utilities.

  7. 10

    anime

    73.7Kjuliangarnier/anime · JavaScript

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

  8. 11

    awesome-vue

    73.5Kvuejs/awesome-vue

    A curated list of resources, tutorials, components, and tools related to the Vue.js JavaScript framework.

  9. 12

    reveal.js

    72.4Khakimel/reveal.js · JavaScript

    reveal.js is an open source HTML presentation framework that lets anyone with a web browser build slide decks instead of using PowerPoint or Keynote.

  10. 13

    hyperframes

    65.4Kheygen-com/hyperframes · TypeScript

    HyperFrames is an open-source framework that turns HTML, CSS, media, and seekable animations into deterministic MP4 videos, designed to be driven by AI coding agents as well as humans.

  11. 14

    remotion

    64.7Kremotion-dev/remotion · TypeScript

    Remotion lets you create videos programmatically using React and TypeScript, where your React code is the actual source of truth for the video content.

  12. 15

    jquery

    59.9Kjquery/jquery · JavaScript

    jQuery is the classic JavaScript library for DOM manipulation, events, AJAX and effects — this repo holds its source, fresh off the jQuery 4.0.0 release.

  13. 16

    awesome-android-ui

    58Kwasabeef/awesome-android-ui

    A curated list (awesome-list) of Android UI/UX libraries, organized by component type: layouts, buttons, lists/grids, view pagers, labels/forms, images, seek bars, progress indicators, menus, dialogs, calendars, graphs, animations, parallax, blur/other effects, and Jetpack Compose components.

  14. 17

    awesome-ios

    53.6Kvsouza/awesome-ios · Swift

    A curated list of awesome resources for the iOS ecosystem, covering both Objective-C and Swift projects across dozens of categories like analytics, networking, UI, architecture, and ARKit.

  15. 18

    slidev

    49.1Kslidevjs/slidev · TypeScript

    Slidev is a framework for creating presentation slides using Markdown, built specifically for developers.

  16. 19

    algorithm-visualizer

    48.9Kalgorithm-visualizer/algorithm-visualizer · JavaScript

    An interactive online platform that visualizes algorithms by running and animating your code step by step, so you can watch exactly how an algorithm behaves instead of just reading pseudocode.

  17. 20

    awesome-react-components

    48.6Kbrillout/awesome-react-components

    A curated list of standout React components and libraries, organized by category (data grids, carousels, charts, forms, routing, and more).

  18. 21

    pixijs

    48.4Kpixijs/pixijs · TypeScript

    PixiJS is a 2D rendering engine for the web that uses WebGL and WebGPU to draw fast, interactive graphics like games, data visualizations, and creative sites.

  19. 22

    frontend-dev-bookmarks

    47.6Kdypsilon/frontend-dev-bookmarks

    A manually curated collection of links and resources for frontend web developers, organized into topic categories like Appearance, Architecture, Compatibility, Ecosystem, Languages/Protocols/Browser APIs, UI Components, and Workflow.

  20. 23

    skills

    46.7Kemilkowalski/skills · Markdown

    A collection of AI agent skills for designers and engineers that teach coding agents good judgment about animation and UI design, drawn from the author's experience at Vercel and Linear.

  21. 24

    react-use

    44Kstreamich/react-use · TypeScript

    react-use is a large collection of reusable React Hooks covering sensors, UI interactions, animations, side-effects, lifecycles, and state management.

  22. 25

    swiper

    41.9Knolimits4web/swiper · TypeScript

    Swiper is a free open-source mobile touch slider with hardware accelerated transitions and native-like feel, made for mobile websites, mobile web apps and native/hybrid apps.

  23. 26

    manim

    41.6KManimCommunity/manim · Python

    Manim is a community-maintained Python framework for creating precise mathematical animations programmatically — the engine behind 3Blue1Brown-style explanatory math videos.

  24. 27

    Awesome-Design-Tools

    41.5Kgoabstract/Awesome-Design-Tools · JavaScript

    A curated list of design tools and plugins covering nearly every category a designer might need, from accessibility testing and animation to prototyping, wireframing, and 3D modeling.

  25. 28

    50projects50days

    40.7Kbradtraversy/50projects50days · CSS

    A collection of 51 small web projects built with HTML, CSS and vanilla JavaScript, each demonstrating a specific UI widget or effect like sliders, counters, and navigation animations.

  26. 29

    phaser

    40.5Kphaserjs/phaser · JavaScript

    Phaser is a fast, free and open source 2D game framework for building HTML5 games that run in desktop and mobile web browsers, rendering with either WebGL or Canvas. It has been actively developed for over 13 years.

  27. 30

    aseprite

    40.2Kaseprite/aseprite · C++

    Aseprite is a program for creating animated sprites and pixel art, with dedicated tools for layers, frames, color modes, and frame-by-frame animation.

  28. 31

    Hyprland

    38.9Khyprwm/Hyprland · C++

    Hyprland is an independent, dynamic tiling Wayland compositor for Linux that focuses on both usability and visual polish, with gradient borders, blur, animations, shadows and glow built in.

  29. 32

    MPAndroidChart

    38.2KPhilJay/MPAndroidChart · Kotlin

    MPAndroidChart is a chart/graph view library for Android that supports line, bar, pie, radar, bubble, and candlestick charts, plus scaling, panning, and animations.

  30. 33

    impress.js

    38.2Kimpress/impress.js · JavaScript

    impress.js is a presentation framework that uses CSS3 3D transforms and transitions in modern browsers to create slide decks, inspired by prezi.com.

  31. 34

    lottie-android

    35.7Kairbnb/lottie-android · Java

    Lottie is a mobile library that parses Adobe After Effects animations exported as JSON via the Bodymovin plugin and renders them natively on Android, iOS, Web, and React Native.

  32. 35

    awesome-react-native

    35.7Kjondot/awesome-react-native

    A curated list of the best libraries, tools, and learning resources for building React Native apps, organized by category from components to deployment.

  33. 36

    fullPage.js

    35.4Kalvarotrigo/fullPage.js · JavaScript

    fullPage.js is a JavaScript library for building full-screen scrolling websites (often called one-page sites), where each section snaps to fill the screen and can contain its own horizontal slide deck.

  34. 37

    motion

    34.2Kmotiondivision/motion · TypeScript

    Motion is an open source animation library for JavaScript, React and Vue — you may know it by its former name, Framer Motion.

  35. 38

    react-three-fiber

    33Kpmndrs/react-three-fiber · TypeScript

    react-three-fiber is a React renderer for Three.js: you build 3D scenes declaratively with reusable, self-contained components that react to state, are readily interactive and plug into the whole React ecosystem.

  36. 39

    agent-skills

    32.5Kvercel-labs/agent-skills · JavaScript

    This is Vercel's official collection of reusable 'skills' - packaged instructions and scripts - that give AI coding agents expertise on specific tasks like Vercel cost/performance audits, React and Next.js best practices, UI design review, writing style review, and claimable Vercel deployments.

  37. 40

    lottie-web

    32.2Kairbnb/lottie-web · JavaScript

    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.

  38. 41

    android-open-project

    31.8KTrinea/android-open-project

    A large categorized collection of notable Android open source projects and libraries, organized by category like views, utility libraries, dev tools, and outstanding developers to help Android developers find reusable components.

  39. 42

    fabric.js

    31.5Kfabricjs/fabric.js · TypeScript

    Fabric.js is a JavaScript library for working with the HTML5 canvas, letting you create and manipulate interactive shapes, text and images, and convert between SVG and canvas.

  40. 43

    PythonRobotics

    30.7KAtsushiSakai/PythonRobotics · Python

    PythonRobotics is a Python code collection and textbook of classic robotics algorithms, covering localization, mapping, SLAM, path planning, path tracking, arm navigation, aerial navigation, and bipedal control.

  41. 44

    particles.js

    30.2KVincentGarreau/particles.js · JavaScript

    A lightweight JavaScript library for creating particles: you add it to a web page to get animated, interactive particle backgrounds and effects.

  42. 45

    Hover

    29.4KIanLunn/Hover · SCSS

    Hover.css is a collection of ready-made CSS3 hover effects for links, buttons, logos, SVG, and featured images that you can apply, tweak, or just use as inspiration.

  43. 46

    GSAP

    29.3Kgreensock/GSAP · JavaScript

    GSAP (GreenSock Animation Platform) is a framework-agnostic JavaScript library for building high-performance animations that work in every major browser.

  44. 47

    react-spring

    29.2Kpmndrs/react-spring · TypeScript

    react-spring is a spring-physics-based animation library for React, letting you animate values fluidly instead of using fixed-duration easing curves.

  45. 48

    slick

    28.5Kkenwheeler/slick · JavaScript

    Slick is a jQuery carousel/slider plugin that handles touch swipe, responsive breakpoints, fade transitions, lazy loading, and more out of the box.

  46. 49

    aos

    28.1Kmichalsnik/aos · JavaScript

    AOS (Animate On Scroll) is a JavaScript library that lets you add CSS animations to elements as they scroll into view, triggered via simple HTML data attributes.

  47. 50

    react-select

    28KJedWatson/react-select · TypeScript

    React Select is a flexible, customizable select (dropdown) component for React apps, originally built for KeystoneJS.

  48. 51

    Charts

    28KChartsOrg/Charts · Swift

    Charts (now renamed DGCharts) is a charting library for Apple platforms — iOS, tvOS, and macOS — that lets you draw line, bar, pie, scatter, candlestick, bubble, and radar charts in your app. It is the Apple-side counterpart to the popular Android library MPAndroidChart, sharing nearly the same API.

  49. 52

    Graphite

    27.6KGraphiteEditor/Graphite · Rust

    Graphite is a free, open source 2D graphics editor for graphic design, digital art, and real-time motion graphics — a vector and raster graphics engine, available now in alpha.

  50. 53

    lottie-ios

    26.9Kairbnb/lottie-ios · Swift

    Lottie for iOS is a Swift library that natively renders vector-based animations and art in realtime with minimal code. Animations come as bodymovin JSON files, typically exported from After Effects.

  51. 54

    nprogress

    26.3Krstacruz/nprogress · JavaScript

    NProgress is a minimalist JavaScript library that shows a slim progress bar at the top of the page, like the ones on YouTube or Medium, to indicate loading during Ajax requests or page transitions.

  52. 55

    awesome-swift

    26.3Kmatteocrippa/awesome-swift · Ruby

    A collaborative, community-maintained catalog of Swift libraries and resources — guides, tools and over 1,100 categorized entries, published as a browsable GitHub README.

  53. 56

    SDWebImage

    25.6KSDWebImage/SDWebImage · Objective-C

    SDWebImage is an asynchronous image downloader with memory and disk caching for Apple apps, integrated as a category on UI elements like UIImageView and UIButton — you give it a URL and it loads, caches and displays the image.

  54. 57

    SmartRefreshLayout

    25.1Kscwang90/SmartRefreshLayout · Java

    SmartRefreshLayout is an Android pull-to-refresh framework: wrap any scrollable view with it to get pull-down-to-refresh and pull-up-to-load-more, with dozens of polished animated headers and footers built in.

  55. 58

    huashu-design

    25.1Kalchaincyf/huashu-design · HTML

    Huashu Design is an HTML-native design skill for coding agents: you type one sentence and the agent ships a finished deliverable — a clickable app prototype, an editable slide deck, a product-launch animation, or a print-grade infographic.

  56. 59

    BaseRecyclerViewAdapterHelper

    24.6KCymChad/BaseRecyclerViewAdapterHelper · Kotlin

    BRVAH (BaseRecyclerViewAdapterHelper) is a powerful and flexible RecyclerView Adapter library for Android — a popular open-source project started in 2016 with about 24.6k stars.

  57. 60

    p5.js

    24.1Kprocessing/p5.js · JavaScript

    p5.js is a free, open-source JavaScript library for creative coding, letting artists, designers, educators, and beginners draw graphics, sound, and interactive work directly on a web page.

  58. 61

    BongoCat

    24Kayangweb/BongoCat · Rust

    BongoCat is a cross-platform desktop pet: a cat that sits on your screen and reacts in real time to your keyboard, mouse, and gamepad input. It's free, open source, and built with Tauri.

  59. 62

    compose-samples

    23.5Kandroid/compose-samples · Kotlin

    Google's official collection of sample apps for learning Jetpack Compose, the modern Android UI toolkit. Each sample is a separate Android Studio project showing different use cases, complexity levels and APIs.

  60. 63

    magicui

    22.7Kmagicuidesign/magicui · MDX

    Magic UI is a free, open-source UI library for design engineers: animated components and effects you copy and paste straight into your apps.

  61. 64

    Hero

    22.5KHeroTransitions/Hero · Swift

    Hero is a Swift library for building iOS view controller transitions — a declarative layer on top of UIKit's cumbersome transition APIs that makes custom transitions easy.

  62. 65

    scrollreveal

    22.5Kjlmakes/scrollreveal · JavaScript

    ScrollReveal is a JavaScript library that animates elements on a web page as they scroll into view.

  63. 66

    react-motion

    21.9Kchenglou/react-motion · JavaScript

    react-motion is a React animation library that uses spring physics instead of hard-coded durations and easing curves to animate components.

  64. 67

    vhs

    21.1Kcharmbracelet/vhs · Go

    VHS is a CLI tool that renders terminal recordings from plain-text scripts: you write a .tape file, feed it to VHS, and get a GIF for demoing CLI tools or integration testing.

  65. 68

    blender

    21Kblender/blender · C++

    Blender is the free and open source 3D creation suite: one program covering modeling, rigging, animation, simulation, rendering, compositing, motion tracking and video editing. This GitHub repository is the official mirror of its source code.

  66. 69

    iCSS

    20.7Kchokcoco/iCSS · JavaScript

    iCSS ('不止于 CSS') is a large, ongoing collection of creative CSS and web-animation write-ups, numbered from #1 up to #220+, covering everything from fundamental CSS concepts to advanced visual effects.

  67. 70

    You-Dont-Need-JavaScript

    20.6Kyou-dont-need/You-Dont-Need-JavaScript · HTML

    A curated collection of demos showing UI effects and components — accordions, carousels, modals, buttons, loaders, tooltips and more — built with pure HTML and CSS instead of JavaScript.

  68. 71

    popmotion

    20.2KPopmotion/popmotion · JavaScript

    Popmotion is a set of simple, low-level animation libraries for JavaScript user interfaces: keyframe and spring animations for numbers, colors and complex strings, built to be composable.

  69. 72

    lively

    19.8Klively-community/lively · C#

    Lively Wallpaper is a free, open-source Windows app that puts animated wallpapers and screensavers on your desktop — videos, webpages, shaders, even games — built on WinUI 3.

  70. 73

    pop

    19.5Kfacebookarchive/pop · Objective-C++

    Pop is an extensible animation engine for iOS, tvOS, and OS X that adds spring, decay, basic, and custom physics-based animations on top of Core Animation, letting you animate any property on any object.

  71. 74

    motion-canvas

    19.4Kmotion-canvas/motion-canvas · TypeScript

    Motion Canvas is a free, open-source tool for creating informative vector animations — you program them in TypeScript and watch them in a real-time preview editor, optionally synchronized with a voice-over.

  72. 75

    SpinKit

    19.3Ktobiasahlin/SpinKit · CSS

    SpinKit is a collection of loading spinners animated with pure CSS — a stylesheet you drop into a web project to get smooth loading indicators without JavaScript or images.

  73. 76

    samples

    19.3Kflutter/samples · Dart

    An open source collection of samples illustrating best practices for Flutter — runnable quickstarts and demo apps covering widgets, navigation, shaders, testing, and embedding Flutter into native apps.

  74. 77

    LivePortrait

    19.3KKlingAIResearch/LivePortrait · Python

    LivePortrait animates a still portrait photo using a driving video — the official PyTorch implementation of the paper 'Efficient Portrait Animation with Stitching and Retargeting Control' by Kuaishou Technology. It works on humans as well as cats and dogs.

  75. 78

    cocos2d-x

    19.2Kcocos2d/cocos2d-x · C++

    An open-source, cross-platform C++ framework for building 2D games, interactive books, demos and other graphical applications — it began as the C++ port of cocos2d-iphone and runs on iOS, Android, macOS, Windows and Linux.

  76. 79

    mojs

    18.8Kmojs/mojs · CoffeeScript

    mo.js is an open source JavaScript motion graphics library for the web — fast, retina ready and modular. Using it on a site enhances the user experience and enriches content visually with precise, delightful animations.

  77. 80

    draggable

    18.5KShopify/draggable · JavaScript

    Draggable is an open-source JavaScript drag & drop library from Shopify. It abstracts native browser events into a comprehensive API so you can build fully custom drag-and-drop experiences in the browser.

  78. 81

    matter-js

    18.5Kliabru/matter-js · JavaScript

    Matter.js is a JavaScript 2D rigid body physics engine for the web — a physics simulation you drop into web pages and Node.js apps.

  79. 82

    skrollr

    18.4KPrinzhorn/skrollr · HTML

    A stand-alone JavaScript library for parallax scrolling effects, about 12k minified, working on desktop and mobile (Android, iOS) browsers — really a full-fledged scrolling-animation library, with parallax just one use case.

  80. 83

    clay

    18.3Knicbarker/clay · C

    Clay (short for C Layout) is a high performance 2D UI layout library in C. You describe your UI with React-like declarative macros, it computes element positions and sizes in microseconds, and hands you back render commands.

  81. 84

    img2threejs

    18.3Kimg2threejs/img2threejs · Python

    A coding-agent skill that rebuilds an object from one reference image as a code-only, procedural Three.js model — a TypeScript THREE.Group factory built from primitives and shaders, not photogrammetry or mesh files.

  82. 85

    react-native-vector-icons

    17.9Koblador/react-native-vector-icons · TypeScript

    It is a React Native library that provides customizable vector icons, letting you drop icons from popular icon sets like FontAwesome, Ionicons, MaterialDesignIcons and more into your app with full styling support.

  83. 86

    ImageMagick

    17.7KImageMagick/ImageMagick · C

    ImageMagick is a free, open-source suite for editing and manipulating digital images: it creates, edits, composes, and converts bitmap images. It is widely used in web development, graphic design, video editing, scientific research, and medical imaging.

  84. 87

    aframe

    17.7Kaframevr/aframe · JavaScript

    A-Frame is a web framework for building 3D, AR, and VR experiences directly in the browser using declarative HTML, built on top of three.js and WebXR.

  85. 88

    magictools

    17.5Kellisonleao/magictools · Markdown

    A curated list of game development resources — engines, art tools, asset libraries, audio software and learning materials — gathered in one GitHub page so you stop hunting for them all over the web.

  86. 89

    lottie-react-native

    17.2Klottie-react-native/lottie-react-native · TypeScript

    A Lottie component for React Native: it renders Adobe After Effects animations exported as JSON (via bodymovin) natively on iOS, Android, Windows, and web.

  87. 90

    velocity

    17.2Kjulianshapiro/velocity · JavaScript

    A fast, feature-rich JavaScript animation engine for web pages: it animates UI elements with better performance than jQuery's $.animate(), and companies like WhatsApp and Uber rely on it.

  88. 91

    engine

    17.1Kplaycanvas/engine · JavaScript

    PlayCanvas is an open-source game engine for creating interactive 3D apps, games and visualizations that run in any browser on any device. Rendering is built on WebGL2 and WebGPU.

  89. 92

    WebGL-Fluid-Simulation

    16.7KPavelDoGreat/WebGL-Fluid-Simulation · JavaScript

    It is an interactive WebGL demo that simulates fluid dynamics in real time, letting you swirl colorful liquid-like effects with your mouse or finger directly in the browser.

  90. 93

    lenis

    16.6Kdarkroomengineering/lenis · TypeScript

    Lenis (Latin for 'smooth') is a lightweight smooth scroll library for the web by darkroom.engineering, built to make page scrolling feel fluid without hurting performance in modern browsers.

  91. 94

    parallax

    16.6Kwagerfield/parallax · JavaScript

    A lightweight JavaScript parallax engine that makes layered page elements tilt and move in response to a smart device's orientation — with a cursor fallback when no motion hardware is available.

  92. 95

    gsap-skills

    16.5Kgreensock/gsap-skills

    Official AI skills for GSAP (GreenSock Animation Platform) — they teach AI coding agents like Cursor, Claude Code and Codex how to use GSAP correctly: core API, timelines, ScrollTrigger, plugins and framework integrations.

  93. 96

    MaterialDesignInXamlToolkit

    16.3KMaterialDesignInXAML/MaterialDesignInXamlToolkit · C#

    Google's Material Design brought to WPF: an open-source theme and control library for Windows desktop apps written in C# or VB.Net. It restyles all major WPF controls and adds Material-flavored extras.

  94. 97

    typed.js

    16.3Kmattboldt/typed.js · JavaScript

    Typed.js is a JavaScript library that creates a typing animation: it types out strings at a speed you set, backspaces them, and moves on to the next string in a loop.

  95. 98

    terminalizer

    16.2Kfaressoft/terminalizer · JavaScript

    Terminalizer is a command-line tool that records your terminal session and turns it into an animated GIF image, or gives you a link to an online web player for sharing.

  96. 99

    react-native-maps

    16Kreact-native-maps/react-native-maps · TypeScript

    react-native-maps is a set of React Native Map components for iOS and Android — a native map view you drop into a React Native app and control from JavaScript.

  97. 100

    pace

    15.6KCodeByZach/pace · CSS

    Pace is an open-source JavaScript library that automatically adds a progress bar to any web page. It monitors your page's activity and shows how loading is going, with no manual wiring needed.

Showing the 100 most-starred of 326. See every one in the catalog.

Often tagged together