TypeScript Animations

Open-source TypeScript projects categorized as Animations | Edit details

Top 12 TypeScript Animation Projects

  • barba

    Create badass, fluid and smooth transition between your website's pages.

    Project mention: ​​Using Vue without actually using Vue. Ovee.js 2.1 just got released. | dev.to | 2021-11-03

    For the initial build of Ovee.js, we’ve chosen on-change for handling simple reactivity, and lit-html for templating. We’ve also built an optional module on top of Barba for asynchronous page transitions. This decision helped us to ship the first working version of the framework relatively fast, avoiding major bugs in the potentially most complex parts.

  • tsParticles

    tsParticles - Easily create highly customizable particles 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.

    Project mention: tsParticles - Click Event with Confetti explosion | dev.to | 2022-01-26

    Website: https://particles.js.org

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • react-cool-inview

    😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).

    Project mention: React Hooks for infinite scroll: An advanced tutorial | dev.to | 2021-09-27

    As the purpose of this article is infinite loading, we’re not going to go into the implementation details of the Intersection Observer API, and instead use an existing React Hook that provides that functionality for us, react-cool-inview.

  • animate-css-grid

    Painless transitions for CSS Grid

    Project mention: how can i achieve this style of responsivness? | reddit.com/r/webdev | 2022-01-23

    False, you can do it with css animation, no need to bloat the website with big framework for such an easy task: https://github.com/aholachek/animate-css-grid

  • React Native Tabbar Interaction

    Tabbar Component For React-Native

  • hamburger-react

    Animated hamburger menu icons for React (1.5 KB) 🍔

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • react-awesome-reveal

    React components to add reveal animations using the Intersection Observer API and CSS Animations.

    Project mention: I made Starbucks ! 🚀🔥 | reddit.com/r/reactjs | 2021-01-27

    Here is the GitHub repo if your interested https://github.com/dennismorello/react-awesome-reveal

  • react-native-modalfy

    🥞 Modal citizen of React Native.

    Project mention: Most performant modal/bottom sheet library? | reddit.com/r/reactnative | 2021-07-21
  • react-spinners-css

    Amazing collection of React spinners components with pure css

  • scrollxp

    Alpine.js-esque library for scrolling animations on websites

    Project mention: I want to make a web page like this in React | reddit.com/r/AskProgramming | 2021-11-09
  • 2048-in-react

    :joystick: a 2048 clone built with React and Typescript. Including Animations!

    Project mention: React Tutorial – How to Build the 2048 Game in React | reddit.com/r/learnjavascript | 2021-09-10

    You can check the source code to get inspired - https://github.com/mateuszsokola/2048-in-react

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). The latest post mention was on 2022-01-26.

TypeScript Animations related posts


What are some of the best open-source Animation projects in TypeScript? This list will help you:

Project Stars
1 barba 9,440
2 tsParticles 2,828
3 react-cool-inview 1,166
4 animate-css-grid 1,047
5 react-native-gallery-toolkit 561
6 React Native Tabbar Interaction 546
7 hamburger-react 530
8 react-awesome-reveal 507
9 react-native-modalfy 447
10 react-spinners-css 286
11 scrollxp 43
12 2048-in-react 38
Find remote jobs at our new job board 99remotejobs.com. There are 30 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.