TypeScript Animation

Open-source TypeScript projects categorized as Animation

Top 23 TypeScript Animation Projects

  1. react-three-fiber

    🇨🇭 A React renderer for Three.js

    Project mention: You can now write React in Lua | news.ycombinator.com | 2024-06-20

    That parenthetical “or anything declarative really” is doing a lot of work, given that:

    React is a tool for writing 3D scenes that can handle state updates: https://github.com/pmndrs/react-three-fiber

    React is a tool for writing music that can handle state updates: https://github.com/FormidableLabs/react-music

    React is a tool for writing infrastructure-as-code templates that… um… could with some additional work handle state updates: https://www.linkedin.com/pulse/aws-terraform-generator-using...

  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

    SurveyJS logo
  3. motion-canvas

    Visualize Your Ideas With Code

    Project mention: Why Algebraic Effects? | news.ycombinator.com | 2025-05-23
  4. 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: Animation Library You Can Use for your Web Apps | dev.to | 2025-01-14

    Auto Animate

  5. Konva

    Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.

    Project mention: Konva.js – Declarative 2D Canvas for React, Vue, and Svelte | news.ycombinator.com | 2025-03-19

    Konva at esm format https://www.npmjs.com/package/konva-es

    It's not a fork, just a different way to build the same project.

    ES2015 module is more efficient than the other formats and can facilitate the creation of smaller bundle size through tree-shaking technique.

    https://github.com/konvajs/konva/issues/1829

  6. G2

    📊 The concise and progressive visualization grammar.

  7. barba

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

    Project mention: Top 10 JavaScript Animation Libraries in 2025 | dev.to | 2025-03-10

    Check Barba.js 🔥

  8. theatre

    Motion design editor for the web

    Project mention: Top 10 JavaScript Animation Libraries in 2025 | dev.to | 2025-03-10

    Check Theatre.js 🔥

  9. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
  10. tween.js

    JavaScript/TypeScript animation engine

  11. react-native-reanimated

    React Native's Animated library reimplemented

    Project mention: 😎 Top React Native ESSENTIALS Tech Stack for 2025 🫵⛳️ | dev.to | 2025-03-05

    Reanimated: Create smooth animations with an excellent developer experience

  12. react-native-modal

    An enhanced, animated, customizable Modal for React Native.

  13. swup

    Versatile and extensible page transition library for server-rendered websites 🎉

  14. tailwindcss-motion

    tailwindcss-motion is a Tailwind CSS Plugin made at RomboHQ. It’s a simple, yet powerful, animation library with a simple syntax.

    Project mention: Best JavaScript Frameworks 2025, Next.js vs Laravel, new developer tools and more | dev.to | 2025-01-05

    The Ultimate Tech Stack 2025 Inertia.js 2.0 Roadmap UI Docusaurus 3.7 Tailwind CSS-motion Midscene.js jQuery 4.0.0 Beta 2

  15. scenejs

    🎬 Scene.js is JavaScript & CSS timeline-based animation library

    Project mention: p5.js | news.ycombinator.com | 2024-08-02
  16. react-native-keyboard-controller

    Keyboard manager which works in identical way on both iOS and Android

  17. react-native-graph

    📈 Beautiful, high-performance Graphs and Charts for React Native built with Skia

  18. animata

    Bring your site to life with easy to use animation & interaction code. Copy. Paste. Animate.

    Project mention: 250+ Next.js UI Components from Top Libraries – All in One Free Collection | dev.to | 2025-04-25

    🌀 Animata (Motion-rich elements)

  19. react-simple-animate

    🎯 React UI animation made easy

  20. watching-you

    watching-you is a javascript library for building animations that watch anything on DOM 👀.

  21. react-anime

    ✨ (ノ´ヮ´)ノ*:・゚✧ A super easy animation library for React!

  22. shifty

    The fastest TypeScript animation engine on the web

  23. react-native-notifier

    Fast and simple in-app notifications for React Native

  24. trigger

    A library for creating scroll-based animation with HTML attributes and CSS variables. (by triggerjs)

  25. scroll-out

    ScrollOut detects changes in scroll for reveal, parallax, and CSS Variable effects!

  26. 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 Animation discussion

Log in or Post with

TypeScript Animation related posts

  • Why Algebraic Effects?

    6 projects | news.ycombinator.com | 23 May 2025
  • animating gravitation physics

    1 project | dev.to | 18 Feb 2025
  • How to create Facebook inspired Animated Reactions with React Native, react-native-reanimated and Typescript

    2 projects | dev.to | 4 Feb 2025
  • Weekly JavaScript Roundup: Friday Links 16, January 24, 2025

    9 projects | dev.to | 23 Jan 2025
  • Building a programming YouTube Channel from 0 to 1 million views and 30k subs in under 6 months, with no prior audience

    1 project | dev.to | 28 Oct 2024
  • WordHoop: A Lightweight Word Game Built with SolidJS

    3 projects | dev.to | 22 Oct 2024
  • How I Animate 3Blue1Brown

    2 projects | news.ycombinator.com | 12 Oct 2024
  • A note from our sponsor - SurveyJS
    surveyjs.io | 24 May 2025
    Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more. Learn more →

Index

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

# Project Stars
1 react-three-fiber 28,919
2 motion-canvas 16,983
3 auto-animate 13,392
4 Konva 12,898
5 G2 12,304
6 barba 12,275
7 theatre 11,716
8 tween.js 9,990
9 react-native-reanimated 9,677
10 react-native-modal 5,572
11 swup 4,860
12 tailwindcss-motion 3,090
13 scenejs 2,748
14 react-native-keyboard-controller 2,331
15 react-native-graph 2,237
16 animata 1,888
17 react-simple-animate 1,826
18 watching-you 1,641
19 react-anime 1,564
20 shifty 1,546
21 react-native-notifier 1,280
22 trigger 1,260
23 scroll-out 1,225

Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?