micku7zu/vanilla-tilt.js

Health v2 · maintenance only

Adoption not part of the score

4016 stars · 181 forks observed · 2026-08-28

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

A lightweight, dependency-free vanilla JavaScript library that adds smooth 3D tilt effects to DOM elements on hover or device orientation. It is a fork of the jQuery-based Tilt.js, offering configurable perspective, glare, scale, gyroscope support, and data-attribute or JS initialization.

Use cases

• add a 3D tilt effect to cards on hover
• create parallax glare effects on landing page elements
• make images tilt based on mouse movement without jQuery
• enable tilt effects on mobile via gyroscope/device orientation
• animate UI cards with smooth 60FPS tilt transitions

When to choose

• you want a tiny (~8.5kb min) dependency-free tilt effect in vanilla JS
• you need configurable tilt with glare, scale, and gyroscope support
• you want a simple data-attribute setup like data-tilt

When to avoid

• you need a full animation framework like GSAP
• your project already uses jQuery and you prefer the original tilt.js
• you need effects beyond tilt/parallax such as scroll animations

Facets

library · maturity stable

animation ui-components web-development frontend web-design browser cross-platform tilt-effect vanilla-javascript 3d-tilt parallax no-dependencies hover-effects

Member repositories

For agents

markdown · JSON · MCP: product_card(name="micku7zu/vanilla-tilt.js")