{
  "gem": {
    "slug": "disarray-vg-1236",
    "name": "Disarray",
    "description": "Codepip game about CSS transforms, teaching translate, rotate, scale and skew by rearranging scattered objects.",
    "url": "https://codepip.com/games/disarray/",
    "domain": "codepip.com",
    "author": "Thomas Park / Codepip (@thomaspark)",
    "license": "free",
    "category": "Learning & Craft",
    "subcategory": "CSS games",
    "tags": [
      "css",
      "transforms",
      "game",
      "learning"
    ],
    "whyGem": "Transforms are where most animation bugs start; this drills the mental model",
    "sourceType": "site",
    "image": "/api/public/library/og/VG-1236-480.webp",
    "pageUrl": "https://vibing.inc/library/disarray-vg-1236"
  }
}