robin-dela/hover-effect

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

1881 stars · 309 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A small JavaScript library that draws and animates images with WebGL-based distortion effects when hovering. It wraps Three.js and GSAP to create smooth image-to-image transitions using a displacement map.

Use cases

• add animated image transitions on hover to a website
• create WebGL distortion hover effects for portfolio thumbnails
• animate between two images with a displacement map
• build eye-catching image hover effects without writing shader code
• add liquid distortion image transitions to a landing page

When to choose

• you want a quick, dependency-light way to add WebGL image hover/distortion effects
• you already use Three.js and GSAP in your frontend
• you need a simple API to transition between two images on hover

When to avoid

• you need a full animation framework or general-purpose WebGL engine
• you need effects other than image-to-image distortion transitions
• you need a library with frequent updates or broad browser support guarantees

Facets

library · maturity maintenance

animation image-processing graphics web-development frontend graphics browser webgl threejs gsap hover-effects image-transition distortion-effect nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="robin-dela/hover-effect")