Here is an up-to-date list of the 10 best hover effect libraries that can be used to apply fancy interactive animations to any elements (like images, buttons, links) when hovering over them. Have fun with it.
Originally Published June 03 2021, updated Mar 09 2023
Table of contents:
jQuery Hover Effect Plugins
hover3d is a jQuery plugin that uses CSS3 3D transforms to create an Apple tvOS like, interactive parallax hover effect on your images.
A simple, lightweight jQuery plugin that applies a configurable interactive 3D hover effect to DOM elements using CSS3 2D/3D transforms.
A tiny jQuery plugin that applies fancy CSS3 animations to your anchor links on mouse hover. Works on all modern browser which support CSS3 transforms and transitions.
A tiny (~1.5kb minified) jQuery plugin that applies smooth zoom and grow effects to images when hovering over (desktop) or tapping and holding (mobile device).
Vanilla JS Hover Effect Libraries
Pure CSS Hover Effect Libraries
A CSS library that provides 60+ animated fancy animation effects on images when hovering.
An SCSS/CSS library that provides more than 60+ pretty cool hover and click effects for any text content (like anchor links). It’s something that every developer will likely find useful, especially those who are just getting started with CSS animations and need something to build on.
An eye-catching 3D card hover effect built with plain HTML and CSS 3D transforms.