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
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 |