Web Effect

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

Our great sponsors
  • Scout APM - Less time debugging, more time building
  • SonarLint - Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
  • OPS - Build and Run Open Source Unikernels
  • GitHub repo particles-bg

    React particles animation background component

    particles-bg - React component for particles backgrounds

  • GitHub repo 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.

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • GitHub repo 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.

  • GitHub repo jquery.ripples

    Add a water ripple effect to your background using WebGL.

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

  • GitHub repo 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..

  • GitHub repo 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].

  • GitHub repo jquery-bgswitcher

    Switch the background-image with using effect.

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

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • GitHub repo 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.

  • GitHub repo ImageGridMotionEffect

    A motion hover effect for a background grid of images.

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

  • GitHub repo 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.

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

  • GitHub repo 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.

  • GitHub repo react-mouse-particles

    A mouse particle effect react component

    mouse-particles - AboutA mouse particle effect react component

  • GitHub repo 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.

  • GitHub repo 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

  • GitHub repo cursor-effects

    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.

    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.

  • GitHub repo mouse-text-shadow

    CSS shadow effect & JavaScript mouse move

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

  • GitHub repo 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!

  • GitHub repo jquery-animate3d

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

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

  • GitHub repo 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

  • GitHub repo react-tilt

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

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

  • GitHub repo hover3d

    Simple jQuery plugin for 3d Hover effect

  • GitHub repo 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

  • GitHub repo 3dtransforms

    :package: Introduction to CSS 3D transforms

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

  • GitHub repo Makisu

    CSS 3D Dropdown Concept

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

  • GitHub repo pure-css-super-mario

    Pure CSS animated 3D Super Mario Icon

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

  • GitHub repo 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.

  • GitHub repo 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.

  • GitHub repo 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.

  • GitHub repo 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

  • GitHub repo photon

    CSS 3D Lighting Engine (by thomasxiii)

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

  • GitHub repo gl-css3d

    sync CSS 3D transformations to a WebGL scene

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

  • GitHub repo 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

  • GitHub repo Magnifier.js

    Javascript library enabling magnifying glass effect on an images

    Magnifier - Javascript library enabling magnifying glass effect on an images

  • GitHub repo 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

  • GitHub repo 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.

  • GitHub repo HeatDistortionEffect

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

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

  • GitHub repo ImageDraggingEffects

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

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

  • GitHub repo FullImageReveal

    A full image reveal effect with fancy thumbnail sliding.

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

  • GitHub repo diaporama

    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.

  • GitHub repo FollowCursor

    👀 Rotate elements to create a following effect

    FollowCursor - Rotate elements to create a following effect

  • GitHub repo react-native-kenburns-view

    KenBurns Image Effect for React Native Applications

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

  • GitHub repo 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

  • GitHub repo 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.

  • GitHub repo gridder

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

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

  • GitHub repo MotionTransitionEffect

    A speedy motion transition effect for an image slideshow.

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

  • GitHub repo 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

  • GitHub repo power-mode-input

    PowerModeInput can make your text input box more compelling

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

  • GitHub repo 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.

  • GitHub repo t.js

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

    t.js - Lightweight $.Hypertext.Typewriter

  • GitHub repo 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.

  • GitHub repo react-typewriter

    A React component for creating typing animations.

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

  • GitHub repo t-writer.js

    Native typewriter effect, without compromises or dependencies.

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

  • GitHub repo malarkey

    :keyboard: Simulate a typewriter effect in vanilla JavaScript.

    Malarkey - Simulate a typewriter effect in vanilla JavaScript.

  • GitHub repo tinytyper

    ⌨️ 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.

  • GitHub repo jquery.typer.js

    The typewriter effect

    jquery.typer - The typewriter effect

  • GitHub repo Phaser-typewriter

    A phaser helper for the typewriter effect

    Phaser-typewriter - A phaser helper for the typewriter effect

  • GitHub repo transitions

    Transition effect for Cocos Creator (by 2youyou2)

    transitions - Transition effect for Cocos Creator

  • GitHub repo 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.

  • GitHub repo CSS3-hover-transition-effect

    CSS3-hover-transition-effect

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

  • GitHub repo 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.

  • GitHub repo GlitchSlideshow

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

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

  • GitHub repo 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.

  • GitHub repo ngView-animation-effects

    Demonstration of different animation effects with AngularJS ngView directive.

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

  • GitHub repo 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.

  • GitHub repo 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.

  • GitHub repo 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.

  • GitHub repo 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

  • GitHub repo Rainbow.js

    A text effect jquery plugin

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

  • GitHub repo 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.

  • GitHub repo react-snowstorm

    A Snow Effect component for React.

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

  • GitHub repo react-snow-effect

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

  • GitHub repo snowy

    HTML5 snow effect

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

  • GitHub repo 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.

  • GitHub repo smoke.js

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

    smoke.js - Small but good javascript smoke effect

  • GitHub repo 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.

  • GitHub repo 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

  • GitHub repo vue-particle-effect-buttons

    A bursting particles effects buttons component ✨💥❄️🌋

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

  • GitHub repo nativescript-shine-button

    NativeScript plugin that add shine effect to your button.

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

  • GitHub repo 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.

  • GitHub repo 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.

  • GitHub repo 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

  • GitHub repo 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

  • GitHub repo fakeLoader.js

    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.

  • GitHub repo LoadEffect

    Distributed Load Testing in Javascript-like Scripting Language

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

  • GitHub repo three-dots

    🔮 CSS loading animations made with single element.

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

  • GitHub repo css-page-loader

    Lightweight CSS loading animations to use when page loads.

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

  • GitHub repo Audio-Input-Effects

    Live input Web Audio effects

    Audio-Input-Effects - Live Audio Input effects

  • GitHub repo beez

    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)

  • GitHub repo soundbank-reverb

    Simple Web Audio API based reverb effect.

    soundbank - Simple Web Audio API based reverb effect.

  • GitHub repo 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

  • GitHub repo 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

  • GitHub repo canvas-video-effects

    Live Image Processing w/ getUserMedia() & Web Workers

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

  • GitHub repo chroma-cam

    Green screen effect in your webcam

    chroma-cam - Green screen effect in your webcam

  • GitHub repo webcam-effects

    Webcam Effects in Three.js

    webcam-effects - Webcam Effects in Three.js

  • GitHub repo JS---Webcam-effects

    Javascript 30 - Webcam effects

    JS-Webcam-effects - Webcam effects

  • GitHub repo 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

  • GitHub repo 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.

  • GitHub repo Odoo

    Javascript and SVG odometer effect library with motion blur

    bounty - Javascript and SVG odometer effect library with motion blur

  • GitHub repo DistortedLinkEffects

    Some ideas for decorative link distortion effects using SVG filters.

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

  • GitHub repo 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.

  • GitHub repo circle-svg-animation

    circle-svg-animation - Circle SVG Animation

  • GitHub repo OrganicShapeAnimations

    Some shape morphing hover effects on images using SVG clipPath.

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

  • GitHub repo 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.

  • GitHub repo Svg-IsometricCityAnimation

    This is a simple svg isometric city animation with GSAP

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

  • GitHub repo 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

  • GitHub repo jquery-drawsvg

    Lightweight, simple to use jQuery plugin to animate SVG paths

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

  • GitHub repo svg-animation

    The Illusion of Life: An SVG Animation Case Study

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

  • GitHub repo fireworks.js

    Particles engine in javascript

    fireworks - fireworks Particles engine in javascript

  • GitHub repo fireworks.js

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

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

  • GitHub repo fireworks-webgl

    WebGL + Web Audio API = Sound-driven fireworks!

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

  • GitHub repo fireworks

    WebGL Fireworks in VR (by Lallassu)

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

  • GitHub repo javascript-skyrocket

    Design and Display fireworks on HTML canvas with Skyrocket.js

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

  • GitHub repo js-fireworks

    cool-fireworks - a particle fireworks effect.

  • GitHub repo lottie-sample

    Demo after effect animation on web using Lottie

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

  • GitHub repo webEffects

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

  • GitHub repo MobileComponent

    dynamic effect component on mobile web

    MobileComponent - dynamic effect component on mobile web

  • GitHub repo frosted-glass

    ❄️ 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.

  • GitHub repo 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

  • GitHub repo dissolve-generator

    Cool 2D dissolve effect generator

    dissolve-generator - Cool 2D dissolve effect generator

  • GitHub repo 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

  • GitHub repo 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

  • GitHub repo bad-tv-shader

    BadTV Effect for Three.js

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

  • GitHub repo map-effects-100

    Cool tips to design UI/UX on Leaflet maps.

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

  • GitHub repo 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.

  • GitHub repo jsfx

    Javascript Sound Effect Generator

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

  • GitHub repo aquarelle

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

    aquarelle - Aquarelle is a watercolor effect component.

  • GitHub repo glitch.js

    A glitched effect for DOM elements

    glitch - A glitched effect for DOM elements.

  • GitHub repo spread

    Experiment: CSS3D plane/fold effect

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

  • GitHub repo 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.

  • GitHub repo 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.

  • GitHub repo 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

  • GitHub repo Snap.svg

    The JavaScript library for modern SVG graphics.

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

  • GitHub repo svg.js

    The lightweight library for manipulating and animating SVG

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

  • GitHub repo vivus

    JavaScript library to make drawing animation on SVG

    Vivus - Library to make drawing animation on SVG.

  • GitHub repo walkway

    An easy way to animate SVG elements.

    Walkway - An easy way to animate SVG elements.

  • GitHub repo raphael

    JavaScript Vector Library

    Raphael - JavaScript Vector Library.

  • GitHub repo bonsai

    BonsaiJS is a graphics library and renderer (by uxebu)

    Bonsai - BonsaiJS is a graphics library and renderer.

  • GitHub repo GreenSock-JS

    GreenSock's GSAP JavaScript animation library (including Draggable).

    GSAP - JavaScript animation library.

  • GitHub repo 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.

  • GitHub repo Mo.js

    The motion graphics toolbelt for the web

    Mojs - The motion graphics toolbelt for the web.

  • GitHub repo move.js

    CSS3 backed JavaScript animation framework

    Move.js - CSS3 backed JavaScript animation framework.

  • GitHub repo velocity

    Accelerated JavaScript animation.

    Velocity - Accelerated JavaScript animation.

  • GitHub repo animateplus

    A+ animation module for the modern web

    Animateplus - A+ animation module for the modern web.

  • GitHub repo animatic

    CSS animations engine

    Animatic - CSS animations engine.

  • GitHub repo just-animate

    Making Animation Simple

    Just Animate - Making Animation Simple.

  • GitHub repo 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.

  • GitHub repo between.js

    Lightweight JavaScript (ES6) tweening engine

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

  • GitHub repo progressbar.js

    Responsive and slick progress bars

    Progressbar.js - Responsive and slick progress bars.

  • GitHub repo bezier-easing

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

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

  • GitHub repo glsl-easings

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

    Glsl easings - Easing functions in GLSL.

  • GitHub repo es6-tween

    ES6 version of tween.js

    ES6-tween - ES6 version of tween.js.

  • GitHub repo animate.css

    🍿 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.

  • GitHub repo motion-ui

    💎 The powerful Sass library for creating CSS transitions and animations

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

  • GitHub repo 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.

  • GitHub repo fabric.js

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

    Fabric.js - JavaScript canvas library with animation support.

  • GitHub repo 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.

  • GitHub repo 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.

  • GitHub repo 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.

  • GitHub repo ocanvas

    JavaScript library for object-based canvas drawing.

    Ocanvas - JavaScript library for object-based canvas drawing.

  • GitHub repo 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.

  • GitHub repo hover-effect

    Javascript library to draw and animate images on hover

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

  • GitHub repo pts

    A library for visualization and creative-coding

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

  • GitHub repo tsParticles

    tsParticles - Easily create highly customizable particles 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.

  • GitHub repo aos

    Animate on scroll library

    AOS - Animate on scroll library.

  • GitHub repo 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!

  • GitHub repo WOW

    Reveal CSS animation as you scroll down a page

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

  • GitHub repo scrollreveal

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

    Scrollreveal - Animate elements as they scroll into view.

  • GitHub repo ScrollMagic

    The javascript library for magical scroll interactions.

    ScrollMagic - The JavaScript library for magical scroll interactions.

  • GitHub repo motus

    Animation library that mimics CSS keyframes when scrolling.

    Motus - Animation library that mimics CSS keyframes when scrolling.

  • GitHub repo sal

    🚀 Performance focused, lightweight scroll animation library 🚀

    Sal - Performance focused, lightweight scroll animation library.

  • GitHub repo typed.js

    A JavaScript Typing Animation Library

    Typed.js - A JavaScript Typing Animation Library.

  • GitHub repo typebot

    Javascript library for typing animation

    Typebot - JavaScript library for typing animation.

  • GitHub repo Blotter

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

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

  • GitHub repo framer/motion

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

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

  • GitHub repo svgr

    Transform SVGs into React components 🦁

    SVGR - Transform SVGs into React components.

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