{
  "gem": {
    "slug": "atropos-vg-0109",
    "name": "Atropos",
    "description": "Touch-friendly 3D parallax hover component that separates layers by depth, with vanilla, React, Vue and Svelte builds.",
    "url": "https://github.com/nolimits4web/atropos",
    "domain": "github.com",
    "author": "Vladimir Kharlampidi (@nolimits4web)",
    "license": "MIT",
    "category": "Backgrounds, Effects & CSS Oddities",
    "subcategory": "3D card & tilt",
    "tags": [
      "3d",
      "parallax",
      "hover",
      "card"
    ],
    "whyGem": "Multi-layer depth rather than a flat tilt, and it works on touch devices",
    "sourceType": "github",
    "image": "/api/public/library/og/VG-0109-480.webp",
    "pageUrl": "https://vibing.inc/library/atropos-vg-0109"
  }
}