TypeScript Animations

Open-source TypeScript projects categorized as Animations

Top 18 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.

    Project mention: Would anyone be interested in having me create custom Tailwind CSS Components for them? | /r/nextjs | 2023-12-05

    https://auto-animate.formkit.com/ some basic inspiration - consider also that this is free and just takes donations.. That model brings people to you and then you can do bespoke projects and charge too

  • barba

    Create badass, fluid and smooth transitions between your website’s pages

    Project mention: Barba.js – Create fluid and smooth transitions between your website's pages | news.ycombinator.com | 2024-03-29
  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.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.

    Project mention: tsParticles 3.0.0 is out. Breaking changes ahead. | dev.to | 2023-12-04
  • react-cool-inview

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

  • animate-css-grid

    Painless transitions for CSS Grid

  • react-awesome-reveal

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

    Project mention: Top 7 Next.js Animation Libraries in 2023 | dev.to | 2023-08-09
  • react-native-modalfy

    🥞 Modal citizen of React Native.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  • scrollytelling

    A library for creating Scrollytelling animations, powered by React & GSAP.

    Project mention: how can I do something like this in react? is there a library for it? | /r/reactjs | 2023-05-07
  • hamburger-react

    Animated hamburger menu icons for React.js weighs only 1.5 KB.

  • React Native Tabbar Interaction

    Tabbar Component For React-Native

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

  • react-spinners-css

    Amazing collection of React spinners components with pure css

  • Slidy

    📸 Sliding action script

  • url-animations

    Project mention: WOOHOO! Just built my very own URL Animation npm package! It was a ton of work, but totally worth it. Can't wait to share it with all you fellow devs out there. #npm #URLanimation #programminglife | /r/reactjs | 2023-04-30

    And if you're really feeling ambitious, you can even make your own animations and contribute to the project on GitHub. Let's keep this thing growing!

  • VSCode-Animations

    A VSCode extension that adds animations to the editor

    Project mention: Introducing VSCode Animations: a fun extension I made for smoother UI and cool animations! | /r/vscode | 2023-05-26

    VSCode-Animations Github

  • 2048-in-react

    :joystick: 2048 game in Next.js with awesome animations!

  • scrollxp

    Alpine.js-esque library for scrolling animations on websites

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

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 2024-03-29.

TypeScript Animations related posts


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

Project Stars
1 auto-animate 11,502
2 barba 11,368
3 tsParticles 6,928
4 react-cool-inview 1,461
5 animate-css-grid 1,343
6 react-awesome-reveal 1,047
7 react-native-modalfy 996
8 scrollytelling 982
9 hamburger-react 893
10 React Native Tabbar Interaction 777
11 react-native-gallery-toolkit 664
12 react-native-fiesta 415
13 react-spinners-css 322
14 Slidy 290
15 url-animations 278
16 VSCode-Animations 179
17 2048-in-react 128
18 scrollxp 75
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.