Перейти к содержимому
GitHub
Логотип библиотеки htmx Логотип библиотеки htmx

Простая, гибкая и эффективная

Библиотека, позволяющая создавать динамичные веб-приложения с минимальными усилиями.

htmx предоставляет доступ к AJAX, CSS-переходам, веб-сокетам и событиям, отправляемым сервером, непосредственно в HTML, используя атрибуты, так что вы можете создавать современные пользовательские интерфейсы с простотой и мощью гипертекста.

htmx мал (~16 кБ min.js.gz), не имеет зависимостей, расширяем и сократил размер кодовой базы на 67% по сравнению с React.

  • Почему только <a> и <form> могут делать HTTP-запросы?
  • Почему только события click и submit должны их вызывать?
  • Почему доступны только методы GET и POST?
  • Почему вы можете заменять только весь экран?

Убирая эти ограничения, htmx делает HTML полноценным гипертекстом.

<script src="https://unpkg.com/htmx.org@2.0.4"></script>
<!-- позвольте кнопке отправлять клик с помощью AJAX -->
<button hx-post="/clicked" hx-swap="outerHTML">
Нажми меня
</button>

Атрибуты hx-post и hx-swap на этой кнопке говорят htmx:

Когда пользователь нажимает на эту кнопку, выполни AJAX-запрос к /clicked и замени всю кнопку на HTML-ответ.

htmx является преемником intercooler.js.

Ознакомьтесь с более подробным введением.

Если вам нужна поддержка IE, вы можете использовать версию 1.x, которая будет поддерживаться вечно.