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: Frontend resources! πŸš€ | dev.to | 2024-05-25

    Auto Animate JS Nativo: Effortlessly animate elements with vanilla JavaScript

  • 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: Show HN: TsParticles, a JavaScript particles, confetti, fireworks, etc. library | news.ycombinator.com | 2024-05-13
  • 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.

    InfluxDB logo
  • scrollytelling

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

  • 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

  • VSCode-Animations

    A VSCode extension that adds animations to the editor

  • 2048-in-react

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

  • Project mention: Show HN: I made 2048 game in Next.js (Code on GitHub) | news.ycombinator.com | 2024-05-19
  • scrollxp

    Alpine.js-esque library for scrolling animations on websites

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub 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

  • Show HN: I made 2048 game in Next.js (Code on GitHub)

    1 project | news.ycombinator.com | 19 May 2024
  • Show HN: TsParticles, a JavaScript particles, confetti, fireworks, etc. library

    1 project | news.ycombinator.com | 13 May 2024
  • A useful front-end particles, confetti and fireworks animations library

    1 project | news.ycombinator.com | 12 May 2024
  • 🀯 Keep Up With these 50 Articles

    5 projects | dev.to | 16 Apr 2024
  • Barba.js – Create fluid and smooth transitions between your website's pages

    1 project | news.ycombinator.com | 29 Mar 2024
  • Show HN: Dropflow, a CSS layout engine for node or <canvas>

    15 projects | news.ycombinator.com | 21 Mar 2024
  • A Visual Interactive Guide to Bloom Filters

    5 projects | news.ycombinator.com | 20 Feb 2024
  • A note from our sponsor - SurveyJS
    surveyjs.io | 3 Jun 2024
    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. Learn more β†’

Index

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

Project Stars
1 auto-animate 11,773
2 barba 11,487
3 tsParticles 7,171
4 react-cool-inview 1,462
5 animate-css-grid 1,349
6 react-awesome-reveal 1,075
7 react-native-modalfy 1,019
8 scrollytelling 1,030
9 hamburger-react 934
10 React Native Tabbar Interaction 801
11 react-native-gallery-toolkit 664
12 react-native-fiesta 415
13 react-spinners-css 322
14 Slidy 295
15 url-animations 278
16 VSCode-Animations 187
17 2048-in-react 147
18 scrollxp 75

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com