APM, error tracking, and dashboards for modern web apps. Ten-minute setup, transparent flat pricing, and support from engineers who actually use the product. Learn more →
Top 23 TypeScript Animation Projects
-
Project mention: React Ref Synchronization: Fixing Hydration and Mutable Pointer Anomalies | dev.to | 2026-05-21
Merged PR: motiondivision/motion#3366 — fix: update useMotionRef to properly handle externalRef changes
-
Puter.js
Puter.js - The Backend for AI-Generated Apps. One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.
-
Project mention: I built a browser CAD where you type a sentence and walk through the house | dev.to | 2026-07-12
The viewport is React Three Fiber on a WebGPURenderer. WebGPU is genuinely on ~75% of browsers now, but "available" and "survives a real session" are different numbers. The failure modes that bit me:
-
Project mention: Show HN: I ported Manim to TypeScript (run 3b1B math animations in the browser) | news.ycombinator.com | 2026-02-25
Motion Canvas is a mature / popular solution in the "manim but typescript" space for those unfamiliar.
https://github.com/motion-canvas/motion-canvas
-
Konva
Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
For the developers here: it's built with Vue 3, with the visualizations drawn on canvas using Konva. Each algorithm produces a list of steps up front, and the player just renders whichever step you're on — which is what makes stepping back and scrubbing work. The pages are statically prerendered so they load quickly and are reasonably friendly to search engines.
-
auto-animate
A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.
As of @formkit/auto-animate@0.10.0, the library ships an official Marko adapter (PR #239).
-
-
-
AppSignal
Monitoring that respects your time & budget. APM, error tracking, and dashboards for modern web apps. Ten-minute setup, transparent flat pricing, and support from engineers who actually use the product.
-
-
Running animations couldn't be more easier thanks to react-native-reanimated. It leverages UI threads to offload animations but be very careful when working with low-end Android devices.
-
-
-
-
react-native-keyboard-controller
⌨️ Keyboard manager which works in identical way on both iOS and Android
-
tailwindcss-motion
tailwindcss-motion is a Tailwind CSS Plugin made at RomboHQ. It’s a simple, yet powerful, animation library with a simple syntax.
-
-
animata
Bring your site to life with easy to use animation & interaction code. Copy. Paste. Animate.
-
-
-
-
watching-you
watching-you is a javascript library for building animations that watch anything on DOM 👀.
-
-
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
TypeScript Animation discussion
TypeScript Animation related posts
-
Build a scroll-driven WebGL hero in 30 lines
-
React Ref Synchronization: Fixing Hydration and Mutable Pointer Anomalies
-
Meet @vysmo/text - 243 text animation presets in 3 KB
-
Motion: An open source animation library for JavaScript, React and Vue
-
I've been building an animation library for years — here's SmoothUI
-
Show HN: I ported Manim to TypeScript (run 3b1B math animations in the browser)
-
Is MotionCanvas abandoned? motioncanvas.io returns NXDOMAIN; repo looks stale
-
A note from our sponsor - AppSignal
www.appsignal.com | 9 Aug 2026
Index
What are some of the best open-source Animation projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | motion | 33,135 |
| 2 | react-three-fiber | 31,605 |
| 3 | motion-canvas | 18,500 |
| 4 | Konva | 14,661 |
| 5 | auto-animate | 13,890 |
| 6 | barba | 12,934 |
| 7 | G2 | 12,580 |
| 8 | theatre | 12,425 |
| 9 | react-native-reanimated | 10,949 |
| 10 | tween.js | 10,129 |
| 11 | react-native-modal | 5,654 |
| 12 | swup | 5,214 |
| 13 | react-native-keyboard-controller | 3,674 |
| 14 | tailwindcss-motion | 3,321 |
| 15 | scenejs | 2,769 |
| 16 | animata | 2,772 |
| 17 | react-native-graph | 2,595 |
| 18 | simpleParallax | 2,156 |
| 19 | react-simple-animate | 1,820 |
| 20 | watching-you | 1,704 |
| 21 | react-anime | 1,564 |
| 22 | shifty | 1,553 |
| 23 | react-native-notifier | 1,426 |
Sponsored
Puter.js - The Backend for AI-Generated Apps
One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.
developer.puter.com