10 Best Hover Effect Libraries In JavaScript & CSS (2023 Update)

by jQueryScript,

If you are looking for a JavaScript or CSS solution to apply impressive hover effects to DOM elements, then you have come to the right place.

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

Interactive Parallax Tilt Effect Using jQuery - Tilt.js

A tiny jQuery plugin which applies tvOS poster-like, multi-layer parallax tilt effect to any HTML elements using requestAnimationFrame and CSS3 3D transforms.

Interactive Parallax Tilt Effect Using jQuery - Tilt.js

[Demo] [Download]


3D Interactive Image Hover Effect With jQuery And CSS3 - hover3d

hover3d is a jQuery plugin that uses CSS3 3D transforms to create an Apple tvOS like, interactive parallax hover effect on your images.

3D Interactive Image Hover Effect With jQuery And CSS3 - hover3d

[Demo] [Download]


3D Interactive Hover Effect With jQuery And CSS3 - Plate

A simple, lightweight jQuery plugin that applies a configurable interactive 3D hover effect to DOM elements using CSS3 2D/3D transforms.

3D Interactive Hover Effect With jQuery And CSS3 - Plate

[Demo] [Download]


jQuery Plugin For CSS3 Animated Anchor Links - anchorHoverEffect

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.

jQuery Plugin For CSS3 Animated Anchor Links - anchorHoverEffect

[Demo] [Download]


Touch-enabled Image Hover Effects In jQuery - imghover

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

Touch-enabled Image Hover Effects In jQuery - imghover

[Demo] [Download]


Vanilla JS Hover Effect Libraries

3D Multi-layer Parallax Hover Effect In JavaScript – Atropos

A JavaScript library that applies interactive and touch-friendly 3D parallax hover effects (also known as parallax tilt effects) to a group of images.

3D Multi-layer Parallax Hover Effect In JavaScript – Atropos

[Demo] [Download]


Fluent Design Button Hover & Click Effects – fluent-reveal-effect

A JavaScript library used for creating interactive hover & click effects inspired by Fluent Design System for Windows.

Fluent Design Button Hover & Click Effects – fluent-reveal-effect

[Demo] [Download]


Pure CSS Hover Effect Libraries

60+ Image Hover Effect With Pure CSS – imagehover.css

A CSS library that provides 60+ animated fancy animation effects on images when hovering.

60+ Image Hover Effect With Pure CSS – imagehover.css

[Demo] [Download]


Text Hover & Click Effects Pack (CSS/SCSS)

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.

Text Hover & Click Effects Pack (CSS/SCSS)

[Demo] [Download]


Slick 3D Card Hover Effect In Pure CSS

An eye-catching 3D card hover effect built with plain HTML and CSS 3D transforms.

Slick 3D Card Hover Effect In Pure CSS

[Demo] [Download]


Conclusion:

Seeking more JavaScript and CSS solutions to create fancy Hover Effects on the web & mobile? See jQuery Hover and JavaScript/CSS Hover Effect sections for more details.