Web Effect

This page summarizes the projects mentioned and recommended in the original post on dev.to

Civic Auth - Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
www.civic.com
featured
InfluxDB high-performance time series database
Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.
influxdata.com
featured
  1. particles-bg

    React particles animation background component

    particles-bg - React component for particles backgrounds

  2. Civic Auth

    Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

    Civic Auth logo
  3. particles-bg-vue

    A vue.js particles animation background component

    particles-bg-vue - A vue.js particles animation background component. Use it to make your website look cool.

  4. sparticles

    JavaScript Particles in Canvas ~~ Fast, Lightweight, High Performance.

    sparticles - Vanilla particles which can be used in a background or in a container, very fast and lightweight.

  5. jquery.ripples

    Add a water ripple effect to your background using WebGL.

    jquery.ripples - Add a water ripple effect to your background using WebGL.

  6. MorphingBackgroundShapes

    A decorative website background effect where SVG shapes morph and transform on scroll.

    MorphingBackgroundShapes - A decorative website background effect where SVG shapes morph and transform on scroll..

  7. SegmentEffect

    Background image segment effect as seen on [Filippo Bello's Portfolio](http://www.filippobello.com/portfolio).

    SegmentEffect - Background image segment effect as seen on [Filippo Bello's Portfolio].

  8. jquery-bgswitcher

    Switch the background-image with using effect.

    jquery-bgswitcher - Switch the background-image with using effect.

  9. InfluxDB

    InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.

    InfluxDB logo
  10. BackgroundScaleHoverEffect

    Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.

    BackgroundScaleHoverEffect - Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.

  11. ImageGridMotionEffect

    A motion hover effect for a background grid of images.

    ImageGridMotionEffect - A motion hover effect for a background grid of images..

  12. jquery.adaptive-backgrounds.js

    🦎 A jQuery plugin for extracting the dominant color from images and applying the color to their parent.

    jquery.adaptive-backgrounds.js - A simple jQuery plugin to extract the dominant color of an image and apply it to the background of its parent element.

  13. fixed-background-effect

    fixed-background-effect - A simple template that takes advantage of the background-attachment CSS property to create a fixed background effect.

  14. jquery-warpdrive-plugin

    Warp drive is a lightweight jQuery plugin that helps you create a cool, interactive, configurable, HTML5 canvas based warp drive/starfield effect.

    jquery-warpdrive-plugin - Warp drive is a lightweight jQuery plugin that helps you create a cool, interactive, configurable, HTML5 canvas based warp drive/starfield effect.

  15. react-mouse-particles

    A mouse particle effect react component

    mouse-particles - AboutA mouse particle effect react component

  16. ImageTrailEffects

    A set of effects for mouse-following image trails that show a random series of images.

    ImageTrailEffects - A set of effects for mouse-following image trails that show a random series of images.

  17. webgl-mouseover-effects

    Demos for the tutorial on how to achieve an interactive mouseover/hover effect

    webgl-mouseover-effects - Demos for the tutorial on how to achieve an interactive mouseover/hover effect

  18. cursor-effects

    Old-school cursor effects for your browser built with modern JavaScript

    cursor-effectss - Only 90's kids remember... well not really, but these beloved effects that would follow your mouse around will always be classic reminders of the old, beloved internet.

  19. mouse-text-shadow

    CSS shadow effect & JavaScript mouse move

    mouse-text-shadow - CSS shadow effect & JavaScript mouse move

  20. vuepress-plugin-cursor-effects

    :tada: Add a cute click effect to your mouse in your vuepress!

    vuepress-plugin-cursor-effects - Add a cute click effect to your mouse in your vuepress!

  21. jquery-animate3d

    jQuery plugin that gives elements a 3d mouse over effect!

    jquery-animate3d - jQuery plugin that gives elements a 3d mouse over effect

  22. magnetic-hover

    magneticHover lets you trigger the hover effect on the element when the cursor is near it, but not over it yet

    magneticHover - magneticHover lets you trigger hover effect on the element when the cursor is near it, but not over it yet

  23. react-tilt

    Parallax tilt hover effect for React JS 🪄

    react-tilt - Parallax tilt hover effect for React JS - tilt.js

  24. hover3d

    Simple jQuery plugin for 3d Hover effect

  25. Tarjetas-3D-con-HTML5-y-CSS3

    Código del Tutorial de Tarjetas 3D usando HTML5 y CSS3

    Tarjetas-3D - Código del Tutorial de Tarjetas 3D usando HTML5 y CSS3

  26. 3dtransforms

    :package: Introduction to CSS 3D transforms

    3dtransforms-3D - Intro to CSS 3D transforms

  27. Makisu

    CSS 3D Dropdown Concept

    Makisu - An experimental CSS 3D dropdown concept, wrapped up in a jQuery plugin.

  28. pure-css-super-mario

    Pure CSS animated 3D Super Mario Icon

    super-mario - Pure CSS animated 3D Super Mario Icon

  29. CSS3D.js

    CSS 3D renderer for Three.js.

    CSS3D.js - This experimental renderer was built for the design of Acko.net. It lets you manage simple CSS 3D objects using Three.js.

  30. 3D-CSS-Solar-System

    Solar System data visualisation done in HTML/CSS and a bit of Javascript.

    Solar-System - Solar System data visualisation done in HTML/CSS and a bit of Javascript.

  31. react-spring

    ✌️ A spring physics based React animation library

    React spring - Open source, spring-physics based animation library for React that supports interpolations. Fast and easy to use.

  32. css-space-shooter

    An old-school arcade-style 3D shoot-em-up rendered entirely with CSS 3D transforms

    css-space-shooter - An old-school arcade-style 3D shoot-em-up rendered entirely with CSS 3D transforms

  33. photon

    CSS 3D Lighting Engine (by thomasxiii)

    photon - CSS 3D Lighting Engine photon.attasi.com

  34. gl-css3d

    sync CSS 3D transformations to a WebGL scene

    gl-css3d - Synchronize CSS 3D transformations to a WebGL scene

  35. ImageTiltEffect

    A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect.

    ImageTiltEffect - A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background

  36. Magnifier.js

    Javascript library enabling magnifying glass effect on an images

    Magnifier - Javascript library enabling magnifying glass effect on an images

  37. gl-react-image-effects

    [WIP] universal image app that uses different gl-react components

    gl-react-image-effects - universal image app that uses different gl-react components

  38. StickyImageEffect

    A sticky image effect for a slideshow inspired by ultanoir's website.

    StickyImageEffect - A sticky image effect for a slideshow inspired by ultanoir's website.

  39. HeatDistortionEffect

    Animated haze distortion effect for images and text, with WebGL.

    HeatDistortionEffect - Animated haze distortion effect for images and text, with WebGL

  40. ImageDraggingEffects

    A set of playful dragging effects for images using various techniques.

    ImageDraggingEffects - A set of playful dragging effects for images using various techniques..

  41. FullImageReveal

    A full image reveal effect with fancy thumbnail sliding.

    FullImageReveal - A full image reveal effect with fancy thumbnail sliding.

  42. diaporama

    Discontinued image/video/content slideshow engine providing high quality animation effects including Kenburns Effect and GLSL Transitions.

    diaporama - Diaporama is an image/video/content slideshow engine providing high quality animation effects including Kenburns effect and GLSL Transitions.

  43. FollowCursor

    Discontinued 👀 Rotate elements to create a following effect

    FollowCursor - Rotate elements to create a following effect

  44. react-native-kenburns-view

    KenBurns Image Effect for React Native Applications

    react-native-kenburns-view - KenBurns Image Effect for React Native Applications

  45. vintageJS

    Add a retro/vintage effect to images using the HTML5 canvas element

    vintageJS - Add a retro/vintage effect to images using the HTML5 canvas element

  46. ThumbnailGridExpandingPreview

    A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.

    ThumbnailGridExpandingPreview - A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.

  47. gridder

    A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images.

    gridder - A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images..

  48. MotionTransitionEffect

    A speedy motion transition effect for an image slideshow.

    MotionTransitionEffect - A speedy motion transition effect for an image slideshow.

  49. tiltedpage_scroll

    Create a beautiful 3D tilted effect on scroll with jQuery Tilted Page Scroll plugin

    tiltedpage_scroll - Create a beautiful 3D tilted effect on scroll with jQuery Tilted Page Scroll plugin

  50. power-mode-input

    PowerModeInput can make your text input box more compelling

    power-mode-input - PowerModeInput can make your text input box more compelling

  51. typewriterjs

    A simple yet powerful native javascript plugin for a cool typewriter effect.

    typewriterjs - A simple yet powerful native javascript plugin for a cool typewriter effect.

  52. t.js

    Discontinued ⌨️ Lightweight $.Hypertext.Typewriter (by mntn-dev)

    t.js - Lightweight $.Hypertext.Typewriter

  53. shuffle-text

    "shuffle-text" is JavaScript text effect library such as cool legacy of Flash.

    shuffle-text - "shuffle-text" is JavaScript text effect library such as cool legacy of Flash.

  54. react-typewriter

    A React component for creating typing animations.

    react-typewriter - A React component for creating typing animations.

  55. t-writer.js

    Native typewriter effect, without compromises or dependencies.

    t-writer.js - Native typewriter effect, without compromises or dependencies.

  56. malarkey

    :keyboard: Simulate a typewriter effect in vanilla JavaScript.

    Malarkey - Simulate a typewriter effect in vanilla JavaScript.

  57. tinytyper

    Discontinued ⌨️ A tiny library for creating a typing effect on specified text element.

    tinytyper - A tiny library for creating a typing effect on specified text element.

  58. jquery.typer.js

    The typewriter effect

    jquery.typer - The typewriter effect

  59. Phaser-typewriter

    A phaser helper for the typewriter effect

    Phaser-typewriter - A phaser helper for the typewriter effect

  60. transitions

    Transition effect for Cocos Creator (by 2youyou2)

    transitions - Transition effect for Cocos Creator

  61. ModalWindowEffects

    A set of experimental modal window appearance effects with CSS transitions and animations.

    ModalWindowEffects - A set of experimental modal window appearance effects with CSS transitions and animations.

  62. CSS3-hover-transition-effect

    CSS3-hover-transition-effect

    CSS3-hover-transition-effect - CSS3-hover-transition-effect | Cipher trick

  63. Html_Transition_Effect_Demo

    Transition_Effect_Demo

    Html_Transition_Effect_Demo - It's pretty hover effects on circles with CSS Transitions which is very useful in dashboard.

  64. GlitchSlideshow

    A slideshow that uses a CSS glitch effect for slide transitions.

    GlitchSlideshow - A slideshow that uses a CSS glitch effect for slide transitions.

  65. image-mask-effect

    An immersive transition effect powered by image masks and CSS transforms.

    image-mask-effect - An immersive transition effect powered by image masks and CSS transforms.

  66. ngView-animation-effects

    Demonstration of different animation effects with AngularJS ngView directive.

    ngView-animation-effects - Demonstration of different animation effects with AngularJS ngView directive.

  67. WobblySlideshowEffect

    The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh's Dribbble shot and was made using Snap.svg and morphing SVG paths.

    WobblySlideshowEffect - The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh's Dribbble shot and was made using Snap.svg and morphing SVG paths.

  68. RainEffect

    Some experimental rain and water drop effects in different scenarios using WebGL, by Lucas Bebber.

    RainEffect - Some experimental rain and water drop effects in different scenarios using WebGL, by Lucas Bebber.

  69. aframe-rain

    A-Frame Rainfall effect component

    aframe-rain - aframe-rain is Rainfall effect component for A-Frame which displays a lot of rain drop/splash objects by using instancing technique with good performance.

  70. matrix-rain

    The famous Matrix rain effect of falling green characters in a terminal

    matrix-rain - The famous Matrix rain effect of falling green characters in a terminal

  71. Rainbow.js

    A text effect jquery plugin

    Rainbow - A text effect jquery plugin (tested with jQuery 1.6.3)

  72. Snowstorm

    Enterprise-grade JavaScript snow effect for the internets, setting CPUs on fire worldwide every winter since 2003.

    Snowstorm - Enterprise-grade JavaScript snow effect for the internets, setting CPUs on fire worldwide every winter since 2003.

  73. react-snowstorm

    A Snow Effect component for React.

    snowstorm - A Snow Effect component for React. Uses Snowstorm under the hood.

  74. react-snow-effect

    react-snow-effect - react-snow-effect.

  75. snowy

    HTML5 snow effect (by fforw)

    snowy - A HTML5 snow effect with random generated snow flakes.

  76. the-matrix-effect

    The incredible effect of rain of letters in the style of the Matrix trilogy.

    the-matrix-effect - The incredible effect of rain of letters in the style of the Matrix trilogy.

  77. smoke.js

    Small but good javascript smoke effect 🌬💨 (by bijection)

    smoke.js - Small but good javascript smoke effect

  78. MagneticButtons

    A set of buttons with a magnetic interaction and a hover effect.

    MagneticButtons - A set of buttons with a magnetic interaction and a hover effect.

  79. ElasticProgress

    Creates a button that turns into a progress bar with a elastic effect. Based on the Dribbble shot "Download" by xjw

    ElasticProgress - Creates a button that turns into a progress bar with a elastic effect. Based on the Dribbble shot

  80. vue-particle-effect-buttons

    A bursting particles effects buttons component ✨💥❄️🌋

    vue-particle-buttons - A bursting particles effects buttons component

  81. nativescript-shine-button

    NativeScript plugin that add shine effect to your button.

    nativescript-shine-button - NativeScript plugin that add shine effect to your button.

  82. react-parallax-button

    Bring your react buttons to next level with parallax effect.

    react-parallax-button - Bring your react buttons to next level with parallax effect.

  83. RippleButton

    A Kony Visualizer reusable component of a button with a Material Theme ripple effect.

    RippleButton - A Kony Visualizer reusable component of a button with a Material Theme ripple effect.

  84. ParticleEffectsButtons

    A little library that can be used for bursting particles effects on buttons and other elements

    ParticleEffectsButtons - A little library that can be used for bursting particles effects on buttons and other elements

  85. Asset-Loading-Effects

    Loading effects for assets including some built in animated reveals

    Asset-Loading-Effects - Loading effects for assets including some built in animated reveals

  86. fakeLoader.js

    Discontinued fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.

    fakeLoader - fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.

  87. LoadEffect

    Distributed Load Testing in Javascript-like Scripting Language

    LoadEffect - Distributed Load Testing in Javascript-like Scripting Language.

  88. three-dots

    🔮 CSS loading animations made with single element.

    three-dots - 🔮 CSS loading animations made by single element.

  89. css-page-loader

    Lightweight CSS loading animations to use when page loads.

    css-page-loader - Lightweight CSS loading animations to use when page loads

  90. Audio-Input-Effects

    Live input Web Audio effects

    Audio-Input-Effects - Live Audio Input effects

  91. beez

    Discontinued 100% web real-time audio experiment using smartphones as effect controller. (tech: Android Chrome + WebRTC + Web Audio API)

    beez - 100% web real-time audio experiment using smartphones as effect controller. (tech: Android Chrome + WebRTC + Web Audio API)

  92. soundbank-reverb

    Simple Web Audio API based reverb effect.

    soundbank - Simple Web Audio API based reverb effect.

  93. SoundEffectManager

    A simple sound effect manager for playing sounds using the awesome HTML 5 Web Audio API

    SoundEffectManager - A simple sound effect manager for playing sounds using the awesome HTML 5 Web Audio API

  94. soma-fm-player

    This is a Vue.js web application for streaming radio stations from Somafm.com. This app uses the public SomaFM JSON channels API endpoint to pull in a list of stations and makes it easy to switch between stations. This app also uses Three.js and the HTML5 Web Audio Context API to sample audio data and create a visualizer effect for the selected station.

    soma-fm-player - SomaFM Music Player Web-App

  95. canvas-video-effects

    Live Image Processing w/ getUserMedia() & Web Workers

    canvas-video-effects - Live Image Processing w/ getUserMedia() & Web Workers

  96. chroma-cam

    Green screen effect in your webcam

    chroma-cam - Green screen effect in your webcam

  97. webcam-effects

    Webcam Effects in Three.js

    webcam-effects - Webcam Effects in Three.js

  98. JS---Webcam-effects

    Javascript 30 - Webcam effects

    JS-Webcam-effects - Webcam effects

  99. expo-chroma-key-camera

    Live green-screen effect with Expo and THREE.js

    expo-chroma-key-camera - Live green-screen effect with Expo and THREE.js

  100. ChuckClose-SparkAR

    A Chuck Close Shader effect in Spark AR

    ChuckClose-SparkAR - A simple example how to use Visual Shaders with JS in Spark AR.

  101. Odoo

    Javascript and SVG odometer effect library with motion blur

    bounty - Javascript and SVG odometer effect library with motion blur

  102. DistortedLinkEffects

    Some ideas for decorative link distortion effects using SVG filters.

    DistortedLinkEffects - Some ideas for decorative link distortion effects using SVG filters

  103. ui-snippets-menu-animations

    Four different menu animations for menu button toggle between hamburger, cross and back icon.

    menu-animations - Four different menu animations for menu button toggle between hamburger, cross and back icon.

  104. circle-svg-animation

    circle-svg-animation - Circle SVG Animation

  105. OrganicShapeAnimations

    Some shape morphing hover effects on images using SVG clipPath.

    OrganicShapeAnimations - Some shape morphing hover effects on images using SVG clipPath.

  106. FancyLetterAnimation

    An experimental SVG letter animation inspired by the Dribbble shot ["Shading Letters in Illustrator"](https://dribbble.com/shots/2943049-Shading-Letters-in-Illustrator) by Jake Bartlett's. Powered by Julian Garnier's [anime.js](http://anime-js.com/).

    FancyLetterAnimation - An experimental SVG letter animation inspired by the Dribbble shot "Shading Letters in Illustrator" by Jake Bartlett's. Powered by Julian Garnier's anime.js.

  107. Svg-IsometricCityAnimation

    This is a simple svg isometric city animation with GSAP

    IsometricCityAnimation - This is a simple svg isometric city animation with GSAP

  108. lazy-line-painter

    Lazy Line Painter - A Modern JS library for SVG path animation

    lazy-line-painter - Lazy Line Painter - A Modern JS library for SVG path animation

  109. jquery-drawsvg

    Lightweight, simple to use jQuery plugin to animate SVG paths

    jquery-drawsvg - Lightweight, simple to use jQuery plugin to animate SVG paths

  110. svg-animation

    The Illusion of Life: An SVG Animation Case Study

    svg-animation - The Illusion of Life: An SVG Animation Case Study

  111. fireworks.js

    Particles engine in javascript

    fireworks - fireworks Particles engine in javascript

  112. fireworks.js

    Discontinued A silly JavaScript animation experiment, originally written in 2005. (by scottschiller)

    silly fireworks - A silly JavaScript animation experiment, originally written in 2005.

  113. fireworks-webgl

    WebGL + Web Audio API = Sound-driven fireworks!

    fireworks-webgl - WebGL + Web Audio API = Sound-driven fireworks!

  114. fireworks

    WebGL Fireworks in VR (by Lallassu)

    fireworks-vr - WebGL Fireworks with ThreeJS In action: https://qake.se/fw/index.html

  115. javascript-skyrocket

    Design and Display fireworks on HTML canvas with Skyrocket.js

    skyrocket - Design and Display fireworks on HTML canvas with Skyrocket.js

  116. js-fireworks

    Fireworks on pure 2D canvas without any dependencies

    cool-fireworks - a particle fireworks effect.

  117. lottie-sample

    Demo after effect animation on web using Lottie

    lottie-sample - Demo after effect animation on web using Lottie

  118. webEffects

    webEffects - jQuery Parallax is a script that simulates the parallax effect as seen

  119. MobileComponent

    dynamic effect component on mobile web

    MobileComponent - dynamic effect component on mobile web

  120. frosted-glass

    Discontinued ❄️ Add a live frosted glass blur effect over any type of web content, including text.

    frosted-glass - Add a live frosted glass blur effect over any type of web content, including text.

  121. pickout

    Cool and powerful effect to select fields. Javascript vanilla and ~2kb gzipped

    pickout - Cool and powerful effect to select fields. Javascript vanilla and ~2kb gzipped

  122. dissolve-generator

    Cool 2D dissolve effect generator

    dissolve-generator - Cool 2D dissolve effect generator

  123. redux-reducer-side-effects

    Easy to follow side effect library for redux reducers

    redux-reducer-side-effects - Easy to follow side effect library for redux reducers

  124. put.io.starry.night

    The Starry Night animation in put.io's hero banner

    starry.night - The Starry Night animation in put.io's hero banner

  125. bad-tv-shader

    BadTV Effect for Three.js

    bad-tv-shader - Simulates a bad TV via horizontal distortion and vertical roll.

  126. map-effects-100

    Cool tips to design UI/UX on Leaflet maps.

    map-effects-100 - Cool tips to design UI/UX on Leaflet maps.

  127. SVG-Circus

    Create cool animated SVG spinners, loaders and other looped animations in seconds

    svg-Circus - Create cool animated SVG spinners, loaders and other looped animations in seconds.

  128. jsfx

    Javascript Sound Effect Generator

    jsfx - This is a JavaScript library for sound effect generation and is supported on most current browsers.

  129. aquarelle

    :octocat: 🎨 Aquarelle is a watercolor effect component. Javascript library by @Ramotion

    aquarelle - Aquarelle is a watercolor effect component.

  130. glitch.js

    A glitched effect for DOM elements

    glitch - A glitched effect for DOM elements.

  131. spread

    Experiment: CSS3D plane/fold effect

    spread - Spread is a small experiment leveraging simple CSS3D transforms to create a colored plane.

  132. doom-fire-algorithm

    Playground for the fire effect from DOOM. Really simple algorithm and all experiments are welcome!

    firealgorithm - A playground of experiments related to the Doom fire effect implemented in JavaScript. Feel free to submit your experiment with a Pull Request.

  133. MMM-EyeCandy

    Animated images that are superficially attractive and entertaining but intellectually undemanding. Cool as all hell though!

    EyeCandy - Animated images that are superficially attractive and entertaining but intellectually undemanding.

  134. animatelo

    Animatelo is a bunch of cool, fun, and cross-browser animations for you to use in your projects. This is a porting to Web Animation API of the fabulous animate.css project.

    animatelo - Animatelo is a bunch of cool, fun, and cross-browser animations for you to use in your projects

  135. Snap.svg

    The JavaScript library for modern SVG graphics.

    Snap.svg - The JavaScript library for modern SVG graphics.

  136. svg.js

    The lightweight library for manipulating and animating SVG

    Svg.js - The lightweight library for manipulating and animating SVG.

  137. vivus

    JavaScript library to make drawing animation on SVG

    Vivus - Library to make drawing animation on SVG.

  138. walkway

    An easy way to animate SVG elements.

    Walkway - An easy way to animate SVG elements.

  139. raphael

    JavaScript Vector Library

    Raphael - JavaScript Vector Library.

  140. bonsai

    BonsaiJS is a graphics library and renderer (by uxebu)

    Bonsai - BonsaiJS is a graphics library and renderer.

  141. GreenSock-JS

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

    GSAP - JavaScript animation library.

  142. TweenJS

    A simple but powerful tweening / animation library for Javascript. Part of the CreateJS suite of libraries.

    TweenJS - A simple but powerful tweening / animation library for JavaScript. Part of the CreateJS suite of libraries.

  143. Mo.js

    The motion graphics toolbelt for the web

    Mojs - The motion graphics toolbelt for the web.

  144. move.js

    CSS3 backed JavaScript animation framework

    Move.js - CSS3 backed JavaScript animation framework.

  145. velocity

    Accelerated JavaScript animation.

    Velocity - Accelerated JavaScript animation.

  146. animateplus

    A+ animation module for the modern web

    Animateplus - A+ animation module for the modern web.

  147. animatic

    CSS animations engine

    Animatic - CSS animations engine.

  148. just-animate

    Making Animation Simple

    Just Animate - Making Animation Simple.

  149. core

    :rice: Interactive UI animation engine for the Web. Core renderer for Haiku Animator. (by HaikuTeam)

    Haiku Core - Interactive UI animation engine for the Web. Core renderer for Haiku Animator.

  150. between.js

    Lightweight JavaScript (ES6) tweening engine

    Between.js - Lightweight JavaScript (ES6) tweening engine.

  151. progressbar.js

    Responsive and slick progress bars

    Progressbar.js - Responsive and slick progress bars.

  152. bezier-easing

    cubic-bezier implementation for your JavaScript animation easings – MIT License

    Bezier easing - Cubic-bezier implementation for your JavaScript animation easings.

  153. glsl-easings

    Robert Penner's easing functions in GLSL, available as a module for glslify.

    Glsl easings - Easing functions in GLSL.

  154. es6-tween

    Discontinued ES6 version of tween.js

    ES6-tween - ES6 version of tween.js.

  155. animate.css

    Discontinued 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing. [Moved to: https://github.com/animate-css/animate.css] (by daneden)

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

  156. motion-ui

    💎 The powerful Sass library for creating CSS transitions and animations

    Motion-ui - The powerful Sass library for creating CSS transitions and animations.

  157. EaselJS

    The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with the HTML5 Canvas element much easier.

    EaselJS - EaselJS is a library for building high-performance interactive 2D content in HTML5.

  158. fabric.js

    Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser

    Fabric.js - JavaScript canvas library with animation support.

  159. paper.js

    The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas. Created by @lehni & @puckey

    Paper.js - The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas.

  160. Konva

    Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.

    Konva - Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.

  161. two.js

    A renderer agnostic two-dimensional drawing api for the web.

    Two.js - A renderer agnostic two-dimensional drawing api for the web with animation support.

  162. ocanvas

    JavaScript library for object-based canvas drawing.

    Ocanvas - JavaScript library for object-based canvas drawing.

  163. curtainsjs

    curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.

    Curtainsjs - Lightweight vanilla WebGL JavaScript library that turns HTML DOM elements into interactive textured planes.

  164. hover-effect

    Javascript library to draw and animate images on hover

    Hover-effect - JavaScript library to draw and animate images on hover.

  165. pts

    A library for visualization and creative-coding

    Pts.js - Pts is a typescript/javascript library for visualization and creative-coding.

  166. tsParticles

    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.

    tsParticles - tsParticles is a lightweight typescript/javascript library for creating easily particles animations.

  167. aos

    Animate on scroll library

    AOS - Animate on scroll library.

  168. laxxx

    Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.

    Laxxx - Simple & light weight (3kb minified & zipped) vanilla JavaScript plugin to create smooth & beautiful animations when you scrolllll!

  169. WOW

    Reveal CSS animation as you scroll down a page

    Wow - Reveal CSS animation as you scroll down a page.

  170. scrollreveal

    Discontinued Animate elements as they scroll into view. [Moved to: https://github.com/jlmakes/scrollreveal] (by scrollreveal)

    Scrollreveal - Animate elements as they scroll into view.

  171. ScrollMagic

    The javascript library for magical scroll interactions.

    ScrollMagic - The JavaScript library for magical scroll interactions.

  172. motus

    Animation library that mimics CSS keyframes when scrolling.

    Motus - Animation library that mimics CSS keyframes when scrolling.

  173. sal

    🚀 Performance focused, lightweight scroll animation library 🚀

    Sal - Performance focused, lightweight scroll animation library.

  174. typed.js

    A JavaScript Typing Animation Library

    Typed.js - A JavaScript Typing Animation Library.

  175. typebot

    Discontinued Javascript library for typing animation

    Typebot - JavaScript library for typing animation.

  176. Blotter

    A JavaScript API for drawing unconventional text effects on the web.

    Blotter - A JavaScript API for drawing unconventional text effects on the web.

  177. framer/motion

    Discontinued Open source, production-ready animation and gesture library for React [Moved to: https://github.com/motiondivision/motion]

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

  178. svgr

    Transform SVGs into React components 🦁

    SVGR - Transform SVGs into React components.

  179. CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Top 10 JavaScript Animation Libraries in 2025

    7 projects | dev.to | 10 Mar 2025
  • Top 15 Animation Libraries for React & Modern Javascript Apps

    23 projects | dev.to | 17 Jul 2024
  • 10 Best Javascript Animation Libraries 🎉

    5 projects | dev.to | 22 Oct 2023
  • Exploring Web Animations

    5 projects | dev.to | 11 May 2022
  • Does anyone know how this website is made?

    8 projects | /r/web_design | 25 Apr 2022