Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more →
Top 19 TypeScript Animation Projects
-
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
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
Check Barba.js 🔥
-
tsParticles
tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
Also, to make your portfolio stand out to recruiters and clients, you can add some creative and interactive animations to it. The following libraries can help you easily do this: Framer Motion, tsParticles, and Three.js.
-
I found https://github.com/mifi/editly to be an intuitive frontend for this type of task - I used it to create a montage of several clips and was able to easily adjust parameters around timestamps and such to get the montage perfect
-
react-cool-inview
😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).
-
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
-
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.
-
-
-
-
react-native-fiesta
🎉 A set of celebration animations powered by @shopify/react-native-skia. Engage more with your users by celebrating in your React Native application.
-
-
-
Project mention: Show HN: I made 2048 game in Next.js (Code on GitHub) | news.ycombinator.com | 2024-05-19
-
-
Windmillcode-Angular-CDK
A comprehensive Component Development Kit (CDK) offering a wide range of reusable UI components, built for minimal configuration and React-like ease of use. Fully customizable, themable, and continuously updated for seamless integration into your Angular projects.
-
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 Animations discussion
TypeScript Animations related posts
-
Bring Your Scroll to Life: A Beginner’s Guide to Scroll-Based Animations with GSAP
-
My submission for the Frontend Challenge (Dec'24)
-
Auto-Animate: Drop-in transtitions for web apps
-
tsParticles
-
Show HN: An open source lightweight TypeScript library for creating particles
-
Pride Month
-
Show HN: I made 2048 game in Next.js (Code on GitHub)
-
A note from our sponsor - CodeRabbit
coderabbit.ai | 19 Mar 2025
Index
What are some of the best open-source Animation projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | auto-animate | 13,212 |
| 2 | barba | 12,188 |
| 3 | tsParticles | 8,068 |
| 4 | editly | 4,889 |
| 5 | react-cool-inview | 1,468 |
| 6 | animate-css-grid | 1,385 |
| 7 | react-native-modalfy | 1,220 |
| 8 | scrollytelling | 1,202 |
| 9 | react-awesome-reveal | 1,163 |
| 10 | hamburger-react | 1,018 |
| 11 | React Native Tabbar Interaction | 830 |
| 12 | react-native-gallery-toolkit | 657 |
| 13 | react-native-fiesta | 549 |
| 14 | Slidy | 337 |
| 15 | url-animations | 278 |
| 16 | VSCode-Animations | 249 |
| 17 | 2048-in-react | 212 |
| 18 | scrollxp | 78 |
| 19 | Windmillcode-Angular-CDK | 38 |
Sponsored
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai