SaaSHub helps you find the best software and product alternatives 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...
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
Check out Motion Canvas[0] by Jacob from aarthificial, also a prolific coder and animator[1].
[0]: https://motioncanvas.io/
-
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.
Project mention: Auto-Animate: Drop-in transtitions for web apps | news.ycombinator.com | 2024-09-04 -
-
Create badass, fluid and smooth transitions between your website's pages (https://barba.js.org) by Thierry Michel, Xavier Foucrier, Luigi De Rosa This one is really good - just the minimum API to make these transitions so good.
-
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: Top 15 Animation Libraries for React & Modern Javascript Apps | dev.to | 2024-07-17
Theatre.js is an advanced animation library for creating and controlling animations programmatically. With over 11k stars on GitHub, it provides a timeline-based approach for animations.
-
-
Project mention: Fundamentals of React Native App Development: Dependencies, Performance, Native Modules, and Publishing Guide | dev.to | 2024-10-05
-
-
https://swup.js.org/ single-page-app but with minimal framework, still along for the feel of an SPA
-
-
-
-
react-native-keyboard-controller
Keyboard manager which works in identical way on both iOS and Android
-
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)
-
-
animata
Bring your site to life with easy to use animation & interaction code. Copy. Paste. Animate.
9. Animata
-
react-awesome-reveal
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Reduce transition distance from react-awesome-reveal library using custom logic.
-
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
-
How I Animate 3Blue1Brown
-
Show HN: Flipbook v0.2 – OSS library for animated QR codes of infinite size
-
How to Preview Rive Files Online
-
Auto-Animate: Drop-in transtitions for web apps
-
Let's reanimate
-
Dynamic Island Liquid Animation with React Native Skia
-
GitHub stars on our free and open-source UI animation library
-
A note from our sponsor - SaaSHub
www.saashub.com | 14 Oct 2024
Index
What are some of the best open-source Animation projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | react-three-fiber | 27,315 |
| 2 | motion-canvas | 15,969 |
| 3 | auto-animate | 12,670 |
| 4 | G2 | 12,102 |
| 5 | barba | 11,614 |
| 6 | Konva | 11,467 |
| 7 | theatre | 11,293 |
| 8 | tween.js | 9,826 |
| 9 | react-native-reanimated | 8,897 |
| 10 | react-native-modal | 5,470 |
| 11 | swup | 4,622 |
| 12 | scenejs | 2,710 |
| 13 | react-native-graph | 2,045 |
| 14 | react-simple-animate | 1,820 |
| 15 | react-native-keyboard-controller | 1,633 |
| 16 | watching-you | 1,590 |
| 17 | react-anime | 1,546 |
| 18 | shifty | 1,538 |
| 19 | trigger | 1,255 |
| 20 | scroll-out | 1,222 |
| 21 | animata | 1,207 |
| 22 | react-awesome-reveal | 1,134 |
| 23 | js-confetti | 1,132 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com