---
title: "Atropos"
description: "Touch-friendly 3D parallax hover component that separates layers by depth, with vanilla, React, Vue and Svelte builds."
canonical: "https://vibing.inc/library/atropos-vg-0109"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "3D card & tilt"
license: "MIT"
author: "Vladimir Kharlampidi (@nolimits4web)"
source: "https://github.com/nolimits4web/atropos"
---

# Atropos
Touch-friendly 3D parallax hover component that separates layers by depth, with vanilla, React, Vue and Svelte builds.
## Facts
- Source: https://github.com/nolimits4web/atropos
- Category: Backgrounds, Effects & CSS Oddities / 3D card & tilt
- Author: Vladimir Kharlampidi (@nolimits4web)
- Licence: MIT
- Tags: 3d, parallax, hover, card
## Why it's a gem
Multi-layer depth rather than a flat tilt, and it works on touch devices
---
Listed in The Vibeary: https://vibing.inc/library/atropos-vg-0109 · JSON: https://vibing.inc/api/public/library/gems/atropos-vg-0109