Top TypeScript Animation Libraries

Write HTML. Render video. Built for agents.

JavaScript/TypeScript animation engine

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.

A typescript interactive engine, support 2D, 3D, animation, physics, built on WebGL and glTF.

SVG icon animation tool for Android, iOS, and the web

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

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

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

The fastest TypeScript animation engine on the web

FreeCut is a professional-grade video editor that runs entirely in your browser. Professional video editing, zero installation. Create stunning videos with multi-track editing, keyframe animations, real-time preview, and high-quality exports.

Element.scrollIntoView ponyfills for things like "if-needed" and "smooth"

🎆 A simple fireworks library! Ready to use components available for React, Vue 3, Svelte, Angular, Preact, Solid, and Web Components.

😎 🍿 React hook for highly-performant and manipulable animations using Web Animations API.

React components to add reveal animations using the Intersection Observer API and CSS Animations.

A gooey, morphing toast component built on Sonner with Framer Motion animations

Interactive 3D developer portfolio with a keyboard where every keycap is a skill. Built with Next.js, React, TypeScript, GSAP & Motion. Free to use!

A powerful, performant drag-and-drop library for React Native built on Reanimated 4 and Gesture Handler. Smooth 60fps animations, sortable lists & grids, collision detection, and full TypeScript support.