---
title: "Hover3D.js"
description: "Minimal 3D hover effect that tilts an element and shifts inner layers based on cursor position, aimed at product cards."
canonical: "https://vibing.inc/library/hover3d-js-vg-0110"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "3D card & tilt"
license: "MIT"
author: "Oleg Frolov (@Volorf)"
source: "https://github.com/Volorf/Hover3D.js"
---

# Hover3D.js
Minimal 3D hover effect that tilts an element and shifts inner layers based on cursor position, aimed at product cards.
## Facts
- Source: https://github.com/Volorf/Hover3D.js
- Category: Backgrounds, Effects & CSS Oddities / 3D card & tilt
- Author: Oleg Frolov (@Volorf)
- Licence: MIT
- Tags: 3d, hover, card, vanilla-js
## Why it's a gem
Made by a well-known interaction designer, so the easing actually feels right
---
Listed in The Vibeary: https://vibing.inc/library/hover3d-js-vg-0110 · JSON: https://vibing.inc/api/public/library/gems/hover3d-js-vg-0110