Animation

A spinner is an animated spinning icon that lets users know content is being loaded.

Easing functions, modifiers and generators compatible with most animation libraries.

Spring based animations for Dark

Tools for using GSAP in React, like useGSAP() which is a drop-in replacement for useLayoutEffect()/useEffect()

Utility functions for animation and interactions.

✨ Accessible, 🪄 Delightful, and 🤯 Performant. Built on react-spring for the web, and react-use-gesture.

Configurable FLIP animation helpers

Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.

React component for canvas-confetti library

A component to transition and format numbers.

A lightweight css-animation based confetti exploder for React

Tiny animation library

tsParticles particles opacity updater

tsParticles circle shape

tsParticles particles out modes updater

Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.

tsParticles Base movement

tsParticles particles color updater

tsParticles particles size updater

Performant, simplified stylers for CSS, SVG, path and DOM scroll.

tsParticles particles rotate updater

tsParticles particles life updater

tsParticles square shape

tsParticles image shape

tsParticles polygon shape

tsParticles emoji shape

tsParticles star shape

Configurable FLIP animation helpers for React

A component to transition and format numbers.

<table> <thead> <tr> <th>ngx-lottie</th> <th>Angular</th> </tr> </thead> <tbody> <tr> <td> 7.x </td> <td> >= 8 < 13 </td> </tr> <tr> <td> 8.x </td> <td> 13 </td> </tr> <tr> <td> 9.x </td> <td> 14 </td> </tr> <tr> <td> 10.x </td> <td> 15 </td> </tr> <tr> <

A React primitive for building slim progress bars.

A simple implementation to display a ripple animation when the source component is clicked

Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as json with bodymovin and renders the vector animations natively on mobile and through React Native!

UI library for pure JS, Angular, React, Vue and more...

A React custom-hook for creating flexible and accessible expand/collapse components.

AnimationVideo is a javascript library to animate objects inside a canvas. The animation can be perfectly synced to music which can even be sought. Everything works without WebGl.

Lottie animation and Telegram Sticker player web components.

Animated progress bars with estimated durations

A set of utilities to apply motion in your application.

requestAnimationFrame polyfill library

Lightbox and modal dialog plugin. Can display inline HTML, iframes (YouTube video, Vimeo, Google Maps), or an image gallery. Animation effects are added with CSS3 transitions. For jQuery or Zepto.

Simple, plain JavaScript animated window scroll

tsParticles HSL color plugin

tsParticles hex color plugin

tsParticles RGB color plugin

A JavaScript Typing Animation Library

CSS animation functional classes

React native modal implementation for web

React Native component for creating animated, circular progress with react-native-svg

Beautiful, data-driven animations for React.