TypeScript Animations

Open-source TypeScript projects categorized as Animations
Edit details
Topics: React Animation TypeScript JavaScript React Native
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.
www.influxdata.com
Sponsored

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: 🤯 Keep Up With these 50 Articles | dev.to | 2024-04-16

    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.

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

    SurveyJS logo

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

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

    WorkOS logo

  • 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-gallery-toolkit

    Reanimated 2 powered gallery implementation

  • 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

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

    InfluxDB logo
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 related posts

Index

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

Project Stars
1 auto-animate 11,584
2 barba 11,420
3 tsParticles 6,999
4 react-cool-inview 1,461
5 animate-css-grid 1,344
6 react-awesome-reveal 1,048
7 react-native-modalfy 1,000
8 scrollytelling 996
9 hamburger-react 896
10 React Native Tabbar Interaction 780
11 react-native-gallery-toolkit 664
12 react-native-fiesta 415
13 react-spinners-css 322
14 Slidy 292
15 url-animations 278
16 VSCode-Animations 183
17 2048-in-react 134
18 scrollxp 75

Sponsored
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.
www.influxdata.com