Repolode
bigskysoftware

bigskysoftware/htmx

htmx позволяет отправлять AJAX-запросы, подключаться по WebSocket и получать Server-Sent Events, а затем подменять содержимое страницы прямо из HTML-атрибутов — без собственного JavaScript.

Звёзды
49,579
Форки
1,694
Открытые issues
303
Последний коммит
3 дня назад

Что это?

htmx расширяет HTML: любой элемент может отправлять HTTP-запросы, реагировать на любые события и заменять любую часть страницы ответом сервера. Поведение задаётся атрибутами, например hx-post и hx-swap, поэтому интерактивные интерфейсы можно создавать, оставляя серверу задачу возвращать HTML-фрагменты.

Библиотека компактная, не имеет зависимостей и поддерживает расширение с помощью набора официальных расширений. Она также поддерживает CSS-переходы, подключения по WebSocket и SSE — этого достаточно для распространённых сценариев с обновлением интерфейса в реальном времени без клиентского фреймворка.

htmx — продолжение intercooler.js. Библиотека распространяется как npm-пакет htmx.org или через тег script с CDN.

Ключевые возможности

  • 01Отправка AJAX-запросов из любого элемента с помощью атрибутов вроде hx-get и hx-post.
  • 02Подмена содержимого в любой части страницы с помощью настраиваемых стратегий подмены.
  • 03Запуск запросов по любому событию DOM, а не только по клику и отправке формы.
  • 04Поддержка WebSocket и Server-Sent Events непосредственно в HTML.
  • 05Компактная библиотека без зависимостей, которую достаточно подключить одним тегом script.
  • 06Расширение функциональности с помощью набора официальных расширений.

Сценарии использования

  • Добавление интерактивных обновлений — например, редактирования на месте или живого поиска — в веб-приложение с серверным рендерингом.
  • Создание панелей мониторинга в реальном времени с обновлениями по WebSocket или SSE.
  • Постепенное улучшение существующего многостраничного сайта без переписывания его в одностраничное приложение.

Быстрый старт

  1. 1

    Подключите скрипт htmx с CDN

    <script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.11/dist/htmx.min.js" integrity="sha384-2OatzQy1H+Zd/IIrjr1TcuDGqLXeHhbooAyJY1KdQMKnr4LZ22k31GBLdYKHmVjg" crossorigin="anonymous"></script>
  2. 2

    Установите как пакет Node

    npm install htmx.org --save

Что важно знать

  • В качестве лицензии указано NOASSERTION, поэтому перед использованием проверьте условия лицензии в репозитории.

Темы

Частые вопросы

Что такое htmx?
htmx позволяет отправлять AJAX-запросы, подключаться по WebSocket и получать Server-Sent Events, а затем подменять содержимое страницы прямо из HTML-атрибутов — без собственного JavaScript. htmx расширяет HTML: любой элемент может отправлять HTTP-запросы, реагировать на любые события и заменять любую часть страницы ответом сервера. Поведение задаётся атрибутами, например hx-post и hx-swap, поэтому интерактивные интерфейсы можно создавать, оставляя серверу задачу возвращать HTML-фрагменты.
htmx можно использовать бесплатно? Какая у него лицензия?
htmx распространяется с открытым исходным кодом под лицензией Other. Перед использованием в коммерческих продуктах проверьте условия лицензии.
htmx всё ещё поддерживается?
Активно поддерживается. Последний коммит в htmx — 15 окт. 2026 г..
Для чего можно использовать htmx?
Добавление интерактивных обновлений — например, редактирования на месте или живого поиска — в веб-приложение с серверным рендерингом. Создание панелей мониторинга в реальном времени с обновлениями по WebSocket или SSE. Постепенное улучшение существующего многостраничного сайта без переписывания его в одностраничное приложение.
Как установить htmx?
Подключите скрипт htmx с CDN: <script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.11/dist/htmx.min.js" integrity="sha384-2OatzQy1H+Zd/IIrjr1TcuDGqLXeHhbooAyJY1KdQMKnr4LZ22k31GBLdYKHmVjg" crossorigin="anonymous"></script> Установите как пакет Node: npm install htmx.org --save
Где скачать htmx?
Исходный код и инструкции по установке — на GitHub: https://github.com/bigskysoftware/htmx

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты