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.
Hot right now
Most stars gained in a day · Oct 16
+1Kanatomy
wheresryan22/anatomy · ★ 13.9KAnatomy is a Claude Code skill that turns a technical idea into a detailed, interactive isometric figure of a real machine (SVG, optional WebGL shaders, and beta 3D) for docs, articles, and landing pages.
+728hyperframes
heygen-com/hyperframes · ★ 65.4KHyperFrames 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.
+590taste-skill
Leonxlnx/taste-skill · ★ 98.1KTaste 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.
filmcraft
storytold/filmcraft · ★ 14.2KFilmCraft is an open-source, clean-room reimplementation of Adobe Premiere Pro, rebuilt from scratch in pure Rust with its own codecs, a GPU compositor and a typed command system.
The all-time top
Top 100 of 326 · by stars
- 130.8K
#1 · krahets/hello-algohello-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.
- 116.5K
#2 · mrdoob/three.jsthree.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.
- 101.1K
#3 · angular/angularangular
Angular is a development platform for building mobile and desktop web applications using TypeScript/JavaScript.
- 4

taste-skill
98.1KLeonxlnx/taste-skill · JavaScriptTaste 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.
- 5

manim
95.2K3b1b/manim · PythonManimGL 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.
- 6

svelte
88.4Ksveltejs/svelte · JavaScriptSvelte 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.
- 7
animate.css
82.9Kanimate-css/animate.css · CSSAnimate.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.
- 8

LeetCodeAnimation
76.7KMisterBooo/LeetCodeAnimation · JavaLeetCodeAnimation 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.
- 9

awesome-react
74.9Kenaqx/awesome-reactA curated list of resources, libraries, and tools for the React and React Native ecosystem, covering everything from frameworks to testing utilities.
- 10

anime
73.7Kjuliangarnier/anime · JavaScriptAnime.js is a fast, multipurpose and lightweight JavaScript animation library with a simple yet powerful API for animating things on the web.
- 11
awesome-vue
73.5Kvuejs/awesome-vueA curated list of resources, tutorials, components, and tools related to the Vue.js JavaScript framework.
- 12

reveal.js
72.4Khakimel/reveal.js · JavaScriptreveal.js is an open source HTML presentation framework that lets anyone with a web browser build slide decks instead of using PowerPoint or Keynote.
- 13

hyperframes
65.4Kheygen-com/hyperframes · TypeScriptHyperFrames 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.
- 14

remotion
64.7Kremotion-dev/remotion · TypeScriptRemotion lets you create videos programmatically using React and TypeScript, where your React code is the actual source of truth for the video content.
- 15

jquery
59.9Kjquery/jquery · JavaScriptjQuery 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.
- 16

awesome-android-ui
58Kwasabeef/awesome-android-uiA 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.
- 17

awesome-ios
53.6Kvsouza/awesome-ios · SwiftA 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.
- 18

slidev
49.1Kslidevjs/slidev · TypeScriptSlidev is a framework for creating presentation slides using Markdown, built specifically for developers.
- 19

algorithm-visualizer
48.9Kalgorithm-visualizer/algorithm-visualizer · JavaScriptAn 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.
- 20

awesome-react-components
48.6Kbrillout/awesome-react-componentsA curated list of standout React components and libraries, organized by category (data grids, carousels, charts, forms, routing, and more).
- 21
pixijs
48.4Kpixijs/pixijs · TypeScriptPixiJS 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.
- 22

frontend-dev-bookmarks
47.6Kdypsilon/frontend-dev-bookmarksA 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.
- 23
skills
46.7Kemilkowalski/skills · MarkdownA 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.
- 24

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

swiper
41.9Knolimits4web/swiper · TypeScriptSwiper 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.
- 26

manim
41.6KManimCommunity/manim · PythonManim is a community-maintained Python framework for creating precise mathematical animations programmatically — the engine behind 3Blue1Brown-style explanatory math videos.
- 27

Awesome-Design-Tools
41.5Kgoabstract/Awesome-Design-Tools · JavaScriptA 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.
- 28

50projects50days
40.7Kbradtraversy/50projects50days · CSSA 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.
- 29

phaser
40.5Kphaserjs/phaser · JavaScriptPhaser 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.
- 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.
- 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.
- 32

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

impress.js
38.2Kimpress/impress.js · JavaScriptimpress.js is a presentation framework that uses CSS3 3D transforms and transitions in modern browsers to create slide decks, inspired by prezi.com.
- 34
lottie-android
35.7Kairbnb/lottie-android · JavaLottie 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.
- 35
awesome-react-native
35.7Kjondot/awesome-react-nativeA curated list of the best libraries, tools, and learning resources for building React Native apps, organized by category from components to deployment.
- 36

fullPage.js
35.4Kalvarotrigo/fullPage.js · JavaScriptfullPage.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.
- 37
motion
34.2Kmotiondivision/motion · TypeScriptMotion is an open source animation library for JavaScript, React and Vue — you may know it by its former name, Framer Motion.
- 38

react-three-fiber
33Kpmndrs/react-three-fiber · TypeScriptreact-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.
- 39
agent-skills
32.5Kvercel-labs/agent-skills · JavaScriptThis 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.
- 40

lottie-web
32.2Kairbnb/lottie-web · JavaScriptLottie-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.
- 41

android-open-project
31.8KTrinea/android-open-projectA 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.
- 42

fabric.js
31.5Kfabricjs/fabric.js · TypeScriptFabric.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.
- 43

PythonRobotics
30.7KAtsushiSakai/PythonRobotics · PythonPythonRobotics 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.
- 44

particles.js
30.2KVincentGarreau/particles.js · JavaScriptA lightweight JavaScript library for creating particles: you add it to a web page to get animated, interactive particle backgrounds and effects.
- 45

Hover
29.4KIanLunn/Hover · SCSSHover.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.
- 46

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

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

slick
28.5Kkenwheeler/slick · JavaScriptSlick is a jQuery carousel/slider plugin that handles touch swipe, responsive breakpoints, fade transitions, lazy loading, and more out of the box.
- 49

aos
28.1Kmichalsnik/aos · JavaScriptAOS (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.
- 50

react-select
28KJedWatson/react-select · TypeScriptReact Select is a flexible, customizable select (dropdown) component for React apps, originally built for KeystoneJS.
- 51

Charts
28KChartsOrg/Charts · SwiftCharts (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.
- 52
Graphite
27.6KGraphiteEditor/Graphite · RustGraphite 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.
- 53

lottie-ios
26.9Kairbnb/lottie-ios · SwiftLottie 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.
- 54
nprogress
26.3Krstacruz/nprogress · JavaScriptNProgress 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.
- 55

awesome-swift
26.3Kmatteocrippa/awesome-swift · RubyA collaborative, community-maintained catalog of Swift libraries and resources — guides, tools and over 1,100 categorized entries, published as a browsable GitHub README.
- 56

SDWebImage
25.6KSDWebImage/SDWebImage · Objective-CSDWebImage 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.
- 57

SmartRefreshLayout
25.1Kscwang90/SmartRefreshLayout · JavaSmartRefreshLayout 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.
- 58

huashu-design
25.1Kalchaincyf/huashu-design · HTMLHuashu 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.
- 59

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

p5.js
24.1Kprocessing/p5.js · JavaScriptp5.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.
- 61
BongoCat
24Kayangweb/BongoCat · RustBongoCat 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.
- 62

compose-samples
23.5Kandroid/compose-samples · KotlinGoogle'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.
- 63

magicui
22.7Kmagicuidesign/magicui · MDXMagic UI is a free, open-source UI library for design engineers: animated components and effects you copy and paste straight into your apps.
- 64
Hero
22.5KHeroTransitions/Hero · SwiftHero 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.
- 65
scrollreveal
22.5Kjlmakes/scrollreveal · JavaScriptScrollReveal is a JavaScript library that animates elements on a web page as they scroll into view.
- 66

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

vhs
21.1Kcharmbracelet/vhs · GoVHS 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.
- 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.
- 69

iCSS
20.7Kchokcoco/iCSS · JavaScriptiCSS ('不止于 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.
- 70

You-Dont-Need-JavaScript
20.6Kyou-dont-need/You-Dont-Need-JavaScript · HTMLA 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.
- 71

popmotion
20.2KPopmotion/popmotion · JavaScriptPopmotion 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.
- 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.
- 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.
- 74
motion-canvas
19.4Kmotion-canvas/motion-canvas · TypeScriptMotion 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.
- 75

SpinKit
19.3Ktobiasahlin/SpinKit · CSSSpinKit 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.
- 76

samples
19.3Kflutter/samples · DartAn 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.
- 77
LivePortrait
19.3KKlingAIResearch/LivePortrait · PythonLivePortrait 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.
- 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.
- 79
mojs
18.8Kmojs/mojs · CoffeeScriptmo.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.
- 80

draggable
18.5KShopify/draggable · JavaScriptDraggable 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.
- 81
matter-js
18.5Kliabru/matter-js · JavaScriptMatter.js is a JavaScript 2D rigid body physics engine for the web — a physics simulation you drop into web pages and Node.js apps.
- 82

skrollr
18.4KPrinzhorn/skrollr · HTMLA 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.
- 83
clay
18.3Knicbarker/clay · CClay (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.
- 84
img2threejs
18.3Kimg2threejs/img2threejs · PythonA 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.
- 85

react-native-vector-icons
17.9Koblador/react-native-vector-icons · TypeScriptIt 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.
- 86

ImageMagick
17.7KImageMagick/ImageMagick · CImageMagick 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.
- 87

aframe
17.7Kaframevr/aframe · JavaScriptA-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.
- 88

magictools
17.5Kellisonleao/magictools · MarkdownA 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.
- 89

lottie-react-native
17.2Klottie-react-native/lottie-react-native · TypeScriptA Lottie component for React Native: it renders Adobe After Effects animations exported as JSON (via bodymovin) natively on iOS, Android, Windows, and web.
- 90

velocity
17.2Kjulianshapiro/velocity · JavaScriptA 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.
- 91

engine
17.1Kplaycanvas/engine · JavaScriptPlayCanvas 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.
- 92

WebGL-Fluid-Simulation
16.7KPavelDoGreat/WebGL-Fluid-Simulation · JavaScriptIt 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.
- 93

lenis
16.6Kdarkroomengineering/lenis · TypeScriptLenis (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.
- 94

parallax
16.6Kwagerfield/parallax · JavaScriptA 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.
- 95

gsap-skills
16.5Kgreensock/gsap-skillsOfficial 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.
- 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.
- 97

typed.js
16.3Kmattboldt/typed.js · JavaScriptTyped.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.
- 98

terminalizer
16.2Kfaressoft/terminalizer · JavaScriptTerminalizer 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.
- 99

react-native-maps
16Kreact-native-maps/react-native-maps · TypeScriptreact-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.
- 100

pace
15.6KCodeByZach/pace · CSSPace 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.
Related topics
Often tagged together