Back to library
Preview of Tilt.js
GitHub

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

Tilt.js

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

Why it’s a gem

The original tilt library; glare layer alone still beats most modern rewrites

Visit github.com
Author
Gijs Rogé (@gijsroge)
Type
GitHub repository
License
MIT
Added
Aug 17, 2026
Domain
github.com
tilthoverparallaxvanilla-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 Hover3D.js

Hover3D.js

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

UnknownMIT
Preview of Atropos

Atropos

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

UnknownMIT