Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more. Learn more →
Top 23 TypeScript Animation Projects
-
That parenthetical “or anything declarative really” is doing a lot of work, given that:
React is a tool for writing 3D scenes that can handle state updates: https://github.com/pmndrs/react-three-fiber
React is a tool for writing music that can handle state updates: https://github.com/FormidableLabs/react-music
React is a tool for writing infrastructure-as-code templates that… um… could with some additional work handle state updates: https://www.linkedin.com/pulse/aws-terraform-generator-using...
-
SurveyJS
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
-
-
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.
Auto Animate
-
Konva
Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
Project mention: Konva.js – Declarative 2D Canvas for React, Vue, and Svelte | news.ycombinator.com | 2025-03-19Konva at esm format https://www.npmjs.com/package/konva-es
It's not a fork, just a different way to build the same project.
ES2015 module is more efficient than the other formats and can facilitate the creation of smaller bundle size through tree-shaking technique.
https://github.com/konvajs/konva/issues/1829
-
-
Check Barba.js 🔥
-
Check Theatre.js 🔥
-
InfluxDB
InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
-
-
Reanimated: Create smooth animations with an excellent developer experience
-
-
-
tailwindcss-motion
tailwindcss-motion is a Tailwind CSS Plugin made at RomboHQ. It’s a simple, yet powerful, animation library with a simple syntax.
Project mention: Best JavaScript Frameworks 2025, Next.js vs Laravel, new developer tools and more | dev.to | 2025-01-05The Ultimate Tech Stack 2025 Inertia.js 2.0 Roadmap UI Docusaurus 3.7 Tailwind CSS-motion Midscene.js jQuery 4.0.0 Beta 2
-
-
react-native-keyboard-controller
Keyboard manager which works in identical way on both iOS and Android
-
-
animata
Bring your site to life with easy to use animation & interaction code. Copy. Paste. Animate.
Project mention: 250+ Next.js UI Components from Top Libraries – All in One Free Collection | dev.to | 2025-04-25🌀 Animata (Motion-rich elements)
-
-
watching-you
watching-you is a javascript library for building animations that watch anything on DOM 👀.
-
-
-
-
trigger
A library for creating scroll-based animation with HTML attributes and CSS variables. (by triggerjs)
-
-
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
-
Why Algebraic Effects?
-
animating gravitation physics
-
How to create Facebook inspired Animated Reactions with React Native, react-native-reanimated and Typescript
-
Weekly JavaScript Roundup: Friday Links 16, January 24, 2025
-
Building a programming YouTube Channel from 0 to 1 million views and 30k subs in under 6 months, with no prior audience
-
WordHoop: A Lightweight Word Game Built with SolidJS
-
How I Animate 3Blue1Brown
-
A note from our sponsor - SurveyJS
surveyjs.io | 24 May 2025
Index
What are some of the best open-source Animation projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | react-three-fiber | 28,919 |
| 2 | motion-canvas | 16,983 |
| 3 | auto-animate | 13,392 |
| 4 | Konva | 12,898 |
| 5 | G2 | 12,304 |
| 6 | barba | 12,275 |
| 7 | theatre | 11,716 |
| 8 | tween.js | 9,990 |
| 9 | react-native-reanimated | 9,677 |
| 10 | react-native-modal | 5,572 |
| 11 | swup | 4,860 |
| 12 | tailwindcss-motion | 3,090 |
| 13 | scenejs | 2,748 |
| 14 | react-native-keyboard-controller | 2,331 |
| 15 | react-native-graph | 2,237 |
| 16 | animata | 1,888 |
| 17 | react-simple-animate | 1,826 |
| 18 | watching-you | 1,641 |
| 19 | react-anime | 1,564 |
| 20 | shifty | 1,546 |
| 21 | react-native-notifier | 1,280 |
| 22 | trigger | 1,260 |
| 23 | scroll-out | 1,225 |
Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io