Markup-based JavaScript Frameworks

These libraries/frameworks use HTML markup to execute JavaScript on the client side. They are often used for server-side rendered (SSR) applications. An example could look as follows.

<div x-data="{ open: false }">
  <button @click="open = true">Expand</button>
  <span x-show="open">
    Content...
  </span>
</div>

• Alpine.js
  • https://github.com/alpinejs/alpine
  • https://alpinejs.dev/
• Stimulus
  • https://github.com/hotwired/stimulus
  • https://stimulus.hotwire.dev/
• htmx
  • https://github.com/bigskysoftware/htmx
  • https://htmx.org/
• petite-vue
  • https://github.com/vuejs/petite-vue
• intercooler.js
  • https://github.com/bigskysoftware/intercooler-js
  • https://intercoolerjs.org/
• Mavo
  • https://github.com/mavoweb/mavo
  • https://mavo.io/
• Unpoly
  • https://github.com/unpoly/unpoly
  • https://unpoly.com/
• Lucia
  • https://github.com/aidenybai/lucia
  • https://lucia.js.org/