JavaScript Animations

32 Animations libraries and projects

• tsParticles

  6.9 9.6 TypeScript

  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.
  

• animate.css

  9.9 3.8 CSS

  🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
  

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App

With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

Promo surveyjs.io



• anime.js

  9.8 6.4 L3 JavaScript

  JavaScript animation engine

• js-loading-overlay

  0.9 0.0 JavaScript

  Display loading overlay/spinner for your application easily and beautifully.

• GreenSock-JS

  8.9 4.7 L1 JavaScript

  GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web
  

• motus

  2.8 0.0 JavaScript

  Animation library that mimics CSS keyframes when scrolling.

• AniX

  2.0 0.0 JavaScript

  🐿 Super easy and lightweight(<3kb) JavaScript animation library
  

• velocity

  8.8 0.0 L1 JavaScript

  Accelerated JavaScript animation.

• Odoo

  3.1 0.0 L5 JavaScript

  Javascript and SVG odometer effect library with motion blur

• particles-bg

  2.9 0.0 JavaScript

  React particles animation background component

• move.js

  6.3 0.0 L4 JavaScript

  CSS3 backed JavaScript animation framework
  

• Mo.js

  8.8 8.7 CoffeeScript

  The motion graphics toolbelt for the web
  

• animatable

  5.4 0.0 HTML

  One property, two values, endless possiblities

• Suave UI 0.3.1

  2.3 0.0 CSS

  UI Framework for AngularJS

• the-cube

  0.7 0.0 HTML

  The Cube is an experiment with CSS3 transitions.

• Dynamic.js

  7.0 0.0 CoffeeScript

  Javascript library to create physics-based animations

• TransitionEnd

  1.3 2.8 L2 HTML

  :dizzy: TransitionEnd is an agnostic and cross-browser library to work with transitionend event.

• particles.js

  9.5 0.0 JavaScript

  A lightweight JavaScript library for creating particles

• bounce.js

  6.7 0.0 CSS

  Create beautiful CSS3 powered animations in no time.
  

• jquery.transit

  7.2 0.0 L2 JavaScript

  Super-smooth CSS3 transformations and transitions for jQuery

• textillate

  6.0 0.0 L5 JavaScript

  A jquery plugin for CSS3 text animations.

• shuffle-images

  2.1 0.0 L4 JavaScript

  The Simplest Way to shuffle through images in a Creative Way

• smoothState.js

  6.1 0.0 CSS

  Unobtrusive page transitions with jQuery.

• Effeckt.css

  8.4 0.0 CSS

  A Performant Transitions and Animations Library

• Scrawl-canvas Library

  2.2 8.8 JavaScript

  Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element easier, and more fun

• Vizzu

  4.1 9.9 JavaScript

  Library for animated data visualizations and data stories.
  

• barbajs

  7.8 8.3 TypeScript

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

• typicaljs

  3.8 0.0 JavaScript

  Animated typing in ~400 bytes 🐡 of JavaScript

• Scroll Btween

  1.6 2.4 HTML

  ScrollBtween uses scroll position of document - or any DOM element - to tween CSS values on any DOM element.

• Scroll Frames

  0.5 3.2 JavaScript

  Animate sequences of still frames on any DOM element in relation with its position into the viewport. https://olivier3lanc.github.io/Scroll-Frames/

• AutoAnimate

  7.7 7.3 TypeScript

  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.
  

• Tailwind Animations

  1.3 3.8 Vue

  Cool animations implemented with tailwindcss
  

* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.

WorkOS - The modern identity platform for B2B SaaS

sponsored workos.com

Popular Comparisons

• anime.js
  vs
  GreenSock-JS
• anime.js
  vs
  velocity
• smoothState.js
  vs
  anime.js
• GreenSock-JS
  vs
  velocity
• anime.js
  vs
  animate.css

InfluxDB - Power Real-Time Data Analytics at Scale

sponsored www.influxdata.com