In this tutorial we'll recreate the hover effect as seen on The Christmas Experiments website. We'll be using SVG for the shape and Snap.svg for animating it on hover.

An easy to use link/text hover effect library for VueJS

Steam Trading Card Hover Effect

A simple reusable hover effect button component for React

A cool, configurable magnetic-pull hover effect for links, buttons, and nav items — built on GSAP.

React component having hover effect on scroll

Parallax tilt hover effect for Vue JS

A React hook that uses useEffect() on the server and useLayoutEffect() in the browser

Create components whose prop changes map to a global side effect

Ponyfill of the `React.useEffectEvent` hook, which became stable in React 19.2

Create components whose prop changes map to a global side effect

A wrapper package that uses `useInsertionEffect` or a fallback for it

A flexible hover component for Vue 3 + Quasar with tooltip and hover effect support

A React helper hook for scheduling a layout effect with a fallback to a regular effect for environments where layout effects should not be used (such as server-side rendering).

Tilt for React JS

React component that replicates YouTube's thumbnail hover effect with dominant color extraction

Drop in component for creating a neat outline hover effect

A component that renders a native glass effect view on iOS.

Produced-files turn tail: the deliverables row a finished turn ends with

Mask-powered fade utils for tailwind.