Alpine.js إطار JavaScript خفيف لإضافة تفاعلات بسيطة إلى الصفحة، بكتابة خصائص مباشرة في HTML.

<script src="https://unpkg.com/alpinejs" defer></script>

<div x-data="{ open: false }">
  <button @click="open = !open">Menu</button>
  <ul x-show="open">
    <li>Home</li>
    <li>Contact</li>
  </ul>
</div>

متى أختاره؟

• موقع يُبنى في الخادم (PHP، ووردبريس، Laravel) ويحتاج لمسات تفاعلية: قوائم، ونوافذ، وتبويبات.
• عندما لا تريد خطوة بناء ولا مشروع React كامل.

لتطبيقات كبيرة ومعقدة كليًا في المتصفح، React أو Vue أنسب.