TypeScript UI Animation

Open-source TypeScript projects categorized as UI Animation
Edit details
React TypeScript Animation SVG ReactJS
Puter.js - The Backend for AI-Generated Apps
One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.
developer.puter.com
featured

Top 9 TypeScript UI Animation Projects

TypeScript logo
UI Animation

  1. react-spring

    ✌️ A spring physics based React animation library

    Project mention: Stop Shipping Boring AI-Generated UIs | dev.to | 2025-08-17

    React Spring - Physics-based animations that feel natural

  2. Puter.js

    Puter.js - The Backend for AI-Generated Apps. One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.

    Puter.js logo

  3. react-anime

    ✨ (ﾉ´ヮ´)ﾉ*:･ﾟ✧ A super easy animation library for React!

  4. react-parallax-tilt

    👀 Easily apply tilt hover effect to React components - lightweight/zero dependencies 2.9kB

  5. beUI

    Motion components for React. Copy, paste, done. (by starc007)

  6. gooey-react

    The gooey effect for React, used for shape blobbing / metaballs (0.5 KB) 🧽

  7. react-animatable

    Tiny(~1kB) animation hooks for React, built on Web Animations API.

  8. ReactTypewriter

    Easy to use typewriter component written with Typescript and React 18+ in mind

  9. AppSignal

    Monitoring that respects your time & budget. APM, error tracking, and dashboards for modern web apps. Ten-minute setup, transparent flat pricing, and support from engineers who actually use the product.

    AppSignal logo

  10. auto-size-transition

    A component that scale dynamically according to the internal size

  11. anim-react

    simple js react animation, animation hook, web Animation interface, onclick animation, onview,onsight animation, without css animation, no transition animation, js animation class usage.

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 UI Animation discussion

Log in or Post with

TypeScript UI Animation related posts

  • Enable CORS for Your Blog

    1 project | news.ycombinator.com | 1 Mar 2026

  • Stop Shipping Boring AI-Generated UIs

    3 projects | dev.to | 17 Aug 2025

  • 🚀 Framer Motion: Smooth Animations for React Apps

    1 project | dev.to | 3 Dec 2024

  • The Secret Weapon of Top Developers: 7 React JS Libraries You Can't Afford to Ignore

    5 projects | dev.to | 21 Feb 2024

  • How AnimatePresence in framer-motion works

    3 projects | dev.to | 6 Jan 2024

  • How can I make page transition like this using NextJS + Framer Motion?

    4 projects | /r/nextjs | 7 Dec 2023

  • Smooth Scrolling with React & Framer Motion

    1 project | dev.to | 14 Aug 2023
  • A note from our sponsor - SaaSHub
    www.saashub.com | 9 Aug 2026
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

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

# Project Stars
1 react-spring 29,128
2 react-anime 1,564
3 react-parallax-tilt 1,077
4 beUI 880
5 gooey-react 677
6 react-animatable 117
7 ReactTypewriter 40
8 auto-size-transition 10
9 anim-react 0

Sponsored
Puter.js - The Backend for AI-Generated Apps
One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.
developer.puter.com

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

Loading...