{
  "id": "framework:alpine",
  "_kind": "Framework",
  "_file": "domain/frameworks/frameworks-js-extended.yaml",
  "_cluster": "domain",
  "attributes": {
    "displayName": "Alpine.js",
    "homepageUrl": "https://alpinejs.dev",
    "belongsToLanguageId": "language:javascript",
    "category": "web-framework",
    "description": "Alpine.js is a minimal, CDN-delivered JavaScript framework for adding interactivity to HTML.\nIt uses declarative attributes (x-data, x-bind, x-on) directly in markup to handle reactive\nstate and DOM behavior without a build step, ideal for server-rendered HTML enhancement.\n"
  },
  "outgoingEdges": [
    {
      "from": "framework:alpine",
      "to": "language:javascript",
      "kind": "belongs_to_language"
    },
    {
      "from": "framework:alpine",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:alpine",
      "to": "skill-area:design-systems",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:alpine",
      "to": "framework:htmx",
      "kind": "alternative_to"
    },
    {
      "from": "framework:alpine",
      "to": "framework:stimulus",
      "kind": "alternative_to"
    },
    {
      "from": "framework:alpine",
      "to": "framework:livewire",
      "kind": "alternative_to"
    }
  ],
  "incomingEdges": [
    {
      "from": "framework:htmx",
      "to": "framework:alpine",
      "kind": "alternative_to"
    },
    {
      "from": "framework:livewire",
      "to": "framework:alpine",
      "kind": "alternative_to"
    },
    {
      "from": "framework:stimulus",
      "to": "framework:alpine",
      "kind": "alternative_to"
    },
    {
      "from": "framework:turbo-rails",
      "to": "framework:alpine",
      "kind": "alternative_to"
    }
  ]
}