{
  "gem": {
    "slug": "payment-method-animation-vg-2074",
    "name": "Payment Method Animation",
    "description": "Checkout demo where the credit card is the form: it embosses as you type, flips for CVC, flies to centre on submit.",
    "url": "https://hasib41.github.io/payment-method-animation/",
    "domain": "hasib41.github.io",
    "author": "@hasib41",
    "license": "MIT",
    "category": "Backgrounds, Effects & CSS Oddities",
    "subcategory": "Animated components",
    "tags": [
      "micro-interaction",
      "css-animation",
      "checkout",
      "vanilla-js",
      "3d-card"
    ],
    "whyGem": "Textbook micro-interaction study in vanilla JS and CSS, zero dependencies.",
    "sourceType": "github",
    "image": "/api/public/library/og/VG-2074.jpg",
    "pageUrl": "https://vibing.inc/library/payment-method-animation-vg-2074"
  }
}