Back to library
Preview of Hover3D.js
GitHub

Backgrounds, Effects & CSS Oddities · 3D card & tilt

Hover3D.js

Minimal 3D hover effect that tilts an element and shifts inner layers based on cursor position, aimed at product cards.

Why it’s a gem

Made by a well-known interaction designer, so the easing actually feels right

Visit github.com
Author
Oleg Frolov (@Volorf)
Type
GitHub repository
License
MIT
Added
Aug 17, 2026
Domain
github.com
3dhovercardvanilla-js

More from 3D card & tilt

Preview of pokemon-cards-css

pokemon-cards-css

Advanced CSS recreations of holographic, foil, galaxy and reverse-holo trading card finishes driven by pointer position.

UnknownMIT
Preview of Tilt.js

Tilt.js

Sub-4KB parallax tilt hover effect with glare, gyroscope support and per-axis limits, driven by data attributes.

UnknownMIT
Preview of Atropos

Atropos

Touch-friendly 3D parallax hover component that separates layers by depth, with vanilla, React, Vue and Svelte builds.

UnknownMIT