{
  "gem": {
    "slug": "css-position-area-editor-vg-0169",
    "name": "css-position-area-editor",
    "description": "Visual editor for previewing every CSS position-area value against an anchor, exporting the matching declaration.",
    "url": "https://github.com/burnworks/css-position-area-editor",
    "domain": "github.com",
    "author": "Burnworks (@burnworks)",
    "license": "open-source",
    "category": "Backgrounds, Effects & CSS Oddities",
    "subcategory": "Modern CSS demos",
    "tags": [
      "css",
      "anchor-positioning",
      "tool",
      "editor"
    ],
    "whyGem": "position-area has thirty odd values nobody memorises; this makes them visual",
    "sourceType": "github",
    "image": "/api/public/library/og/VG-0169-480.webp",
    "pageUrl": "https://vibing.inc/library/css-position-area-editor-vg-0169"
  }
}