TypeScript UI Animation

Open-source TypeScript projects categorized as UI Animation

Top 9 TypeScript UI Animation Projects

  • react-spring

    ✌️ A spring physics based React animation library

    Project mention: Button toggle animated display of a list | reddit.com/r/react | 2023-03-10

    Your setup seems a bit unconventional and it's probably a bit difficult to implement depending on the shape of the animation that you want to achieve. It's only a guess, but this advanced example would probably help with keyframe-based animations for the a curve path

  • framer/motion

    Open source, production-ready animation and gesture library for React

    Project mention: framer-motion and react-aria types crashing | reddit.com/r/reactjs | 2023-03-08
  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • react-anime

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

    Project mention: Top 7 React Animation Libraries in 2022 | dev.to | 2022-08-11

    You can find multiple react-anime examples on CodePen.

  • react-parallax-tilt

    👀 Easily apply tilt hover effect on React components - lightweight/zero dependencies (3kB)

  • gooey-react

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

  • react-animatable

    A powerful composable animation library for React, built on Web Animations API and React hook.

    Project mention: I made a Web Animations API based animation library for React - react-animatable | reddit.com/r/reactjs | 2022-06-24

    Repository: https://github.com/inokawa/react-animatable

  • ReactTypewriter

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

    Project mention: Hello React Gurus, I made a simple Typewriter component in typescript. Need some feedback! | reddit.com/r/reactjs | 2022-06-22

    For a personal project I was in need of a Typewriter component that worked with typescript and the newest version of React but found none that fit my needs. I decided to make one myself and publish it to npm. My experience with React is not that good and I'm sure my code could be improved by alot. I would appreciate some feedback. The repo is https://github.com/gerardmarquinarubio/ReactTypewriter and the npm package is called react-ts-typewriter .

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • auto-size-transition

    A component that scale dynamically according to the internal size

  • 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). The latest post mention was on 2023-03-10.

TypeScript UI Animation related posts


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

Project Stars
1 react-spring 25,308
2 framer/motion 18,056
3 react-anime 1,499
4 react-parallax-tilt 691
5 gooey-react 578
6 react-animatable 16
7 ReactTypewriter 16
8 auto-size-transition 8
9 anim-react 0
Access the most powerful time series database as a service
Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.