Back to library

Preview of Atropos

GitHub

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

Atropos

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

Why it’s a gem
Multi-layer depth rather than a flat tilt, and it works on touch devices

Visit github.com

Author: Vladimir Kharlampidi (@nolimits4web)
Type: GitHub repository
License: MIT
Added: Aug 17, 2026
Domain: github.com

3d parallax hover card

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.

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.

Preview of Tilt.js

Tilt.js

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