---
title: "puffin.js"
description: "Image hover library that reveals a second image through an animated organic mask following the cursor."
canonical: "https://vibing.inc/library/puffin-js-vg-0155"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Hover effects"
license: "MIT"
author: "(@Treast)"
source: "https://github.com/Treast/puffin.js"
---

# puffin.js
Image hover library that reveals a second image through an animated organic mask following the cursor.
## Facts
- Source: https://github.com/Treast/puffin.js
- Category: Backgrounds, Effects & CSS Oddities / Hover effects
- Author: (@Treast)
- Licence: MIT
- Tags: hover, image, mask, vanilla-js
## Why it's a gem
Mask-based image reveal that avoids the WebGL dependency of similar effects
---
Listed in The Vibeary: https://vibing.inc/library/puffin-js-vg-0155 · JSON: https://vibing.inc/api/public/library/gems/puffin-js-vg-0155