awesome-htmx

BlogPosts

Examples by Back-end

AdonisJS

TodoMVC App - TodoMVC App built with AdonisJS, htmx and _hyperscript following the standard AdonisJS guidelines for server framework

ASP.net

htmx-with-aspnet-core - Htmx with asp.net core.
aspnet-core-htmx-example - Demonstrates the use of htmx with ASP.NET Core Razor Pages to create a simple CRUD web application.

Clojure

babashka-htmx-todoapp - Quick example of a todo list application using Babashka and htmx.
panas.example - Implementation of all htmx examples using Babashka.
contact.app-clj - Clojure implementation of the contact.app from the Hypermedia Systems book

Common Lisp

ccl-demo-raja - A Common Lisp demo with htmx using Star wars API.
cl-trello-clone - A small Trello clone built in Common Lisp
cl-github-timeline - fastapi-github-timeline) using FastAPI.

Delphi

dmvcframework-todo-app - DelphiMVCFramework to-do app with HTMX and TemplatePro templates

Express

Geo Selector in htmx - A Region, Sub-Region and Country selector based on user selections.
todomvc-htmx - TodoMVC app implemented using htmx and hyperscript.
hx-swap-demo - A demo app to showcase different attribute values of hx-swap in htmx.
htmx-twitter-clone - A Twitter clone built using htmx.
super-rentals-htmx - A Rentals Listing demo app built with htmx.
htmx-github-search - A GitHub Profile search component built using htmx.
todo-htmx - A simple Todo list with Express and htmx.
htmx-calendar - Calendar component in htmx.
htmx-tabular - Tabular data with htmx.
htmbox - A Dropbox clone in htmx.
htmx-notes - A Note-taking app using Markdown inspired by React Server Components demo.

Go

Simple Counter App - A simple counter app built with htmx, elem-go, and Go Fiber.
Todo App - A todo app built with htmx, elem-go, and Go Fiber.
pagoda - Rapid, easy full-stack web development starter kit in Go with HTMX support and examples.
Pushup - A server-side, page-oriented web framework for the Go programming language.
Realtime Todo App - This is a Go Todo App using WebSockets, HTMX, and DOM-Morphing.
TodoMVC App - TodoMVC App built with Go, </>templ, htmx and _hyperscript.
GO HTMX - Seamless HTMX Integration for Go Applications.
Probe - Probe is a Go web app with an HTMX-enhanced UI for interacting with Kubernetes clusters and performing network diagnostics.

Java

Spring Boot HTMX integration
Spring-Boot HTMX
java-htmx-todo - Todo app using Javalin, htmx and j2html.
TodoWebflux Spring Boot HTMX demo
Frisson: Easy, Powerful Full Stack with Spring Boot and HTMX

JavaScript

Example todo app with the html.js framework - html.js is an elegent framework for hyper speed web apps.
Primate HTMX module - Polymorphic

Kotlin

todo-hda-kt - TodoApp as a Hypermedia Driven App with parallel browser tests
htmx-ktor - Fullstack CRUD app example made with Ktor (Backend), kotlin.html (Templates), SimpleCSS (Styling), PostgreSQL (DB), Docker (Deployment)

Lua

TodoMVC App - TodoMVC App built with Lua, Luasocket, HTMX and _hyperscript. Lua is fast and lightweight where virtually map very close to C.

Other

declswiplweb - End to end declarative web programming with no JS using htmx and SWI-Prolog.
htmx-modal-example - An experiment to work design modal dialogs in HTMX.
quarkus-htmx-todos - Todo App in Quarkus with htmx.
htmx-ai - Use ChatGPT Code Generation as a Backend for HTMX

PHP

codeigniter-htmx-demo - A CodeIgniter 4 examples include inline and modal edits, events, searching, pagination, and sorting.
laravel-htmx-todolist - Laravel Todo List app demo for laravel-htmx
laravel-htmx-crud

PowerShell

podex - Podex - a framework for building full-stack web applications using PowerShell/Pode for the backend and htmx for the frontend.

Python-based (Django, FastAPI, Flask)

django-htmx example app - Example Django app showing a few patterns.
fastapi-htmx-tailwind-example - Async FastAPI, Jinja2, TailwindCSS, DaisyUI, and MongoDB example; featuring for example active search, server-sent events, server-side HTMX triggers, lazy loading, and dynamic dialogs.
awesome-python-htmx - Awesome list for htmx specific to the Python ecosystem.
Flask HTMLX Material Kit - Simple starter powered by Flask, HTMLX and Bootstrap 5
Django HTMLX Material Kit - Simple starter powered by Django, HTMLX and Bootstrap 5
flask-htmx-boilerplate - Boilerplate template for a Python Flask application with HTMX and Tailwind CSS
django-htmx-fun - A small Django application to advertise the fun htmx can bring you.
django-htmx-todo
owela-club - Play the Namibian game of Owela against a terrible AI. Built using Django and htmx.
dj_pug_htmx_example - HTMX, Pug, and Django experiments
Lexicon App - Lexicon app using django3.2, htmx, hyperscript.
htmxflask - All the HTMX samples redone using a flask server.
htmx and SSE with FastAPI - FastAPI based web app sending Server Sent Events to frontend app created with htmx.
fast-htmx - Fast-HTMX is a demo project of FastAPI an HTMX. The purpose of this project is to illustrate how to create a website with no JavaScript, using only HTML, CSS, and Python.
Flask-Sock HTMX - Very short example combining HTMX with Flask-Sock for self-updating webpages with minimal dependencies.
django-tailwind-alpine-htmx
flask-htmx-tailwind - Rapid Prototyping with Flask, htmx, and Tailwind CSS
Modal forms with Django+HTMX - A sample project to demonstrates how to show a Django Form in a modal dialog box using HTMX.
django-htmx-todo-list - Expands on django-htmx-todo to add task creation, editing, and deletion using FBVs.
django-htmx-alpine - Basic todo list with Django, HTMX, and Alpine. Features a live demonstration.

Ruby

sinatara-htmx - Example of a Sinatra app using HTMX for implementing an interactive search
pokebutt-htmx - Pokebutt clone using htmx.
htmx-todo-app - A little to-do app and a short demo of htmx built with Sinatra.

Rust

TodoMVC App - TodoMVC App built with Rust, Astra, maud, HTMX and _hyperscript. Astra runs a small event I/O loop and maud is blazing fast, super type-safe, and easy to deploy.

Typescript

TodoMVC App - TodoMVC App built with Typescript, JSX, express, htmx and _hyperscript deployed on vercel/netlify.

YAML

demo-htmx-manifest - Newsletter signup app with Manifest + HTMX.

Zig

zig-htmx - Example chat app written in zig + htmx (websockets).
zig-htmx-tailwind-example - CRUD app written in Zig + HTMX + Tailwind CSS.

Official

Online Books

ASP.NET Core Reimagined with htmx Book

Podcasts

Other

Python Bytes: HTMX - Dynamic and live HTML without JavaScript - Podcast about HTMX in the Python news.
Talk Python: HTMX - Clean, Dynamic HTML Pages
Dynamic HTML with htmx - Devmode.fm episode about htmx.
htmX - Podcast about htmx in Programmers quickie.
Less JavaScript more HTMX - JSParty Episode about htmx with Carson.
Django Chat: htmx - Carson Gross
HTML All The Things - HTMX, Hyperscript, and More!
.NET Rocks! - htmx with Carson Gross - An overview of htmx, and a discussion from a .NET perspective
Syntax.fm #726 - Is HTMX a Joke? - Scott Tolinski
Syntax.fm #734 - HTMX Web Apps with Carson Gross - 02-23

Tools

Sprig - Craft CMS plugin.
IntelliJ htmx plugin
Hwy - Remix-inspired TypeScript metaframework using HTMX instead of React.
simpleui - Clojure backend helpers for htmx.
django-htmx - Django integration.
django-js-lib-htmx - Django package containing the htmx scripts.
htmx-go - Go integration compatible with net/http, prioritizing type safety.
htmx-rails - Rails integration.
htmx.net - ASP.NET Core integration (Htmx Extension Methods, TagHelpers, Htmx.Config)
Giraffe.Htmx - Extensions for Giraffe to support development with htmx.
htmx-spring-boot - Spring Boot support library for htmx
codeigniter-htmx - CodeIgniter 4 framework integration.
htmx-ext-shoelace - An extension to make Shoelace elements work seamlessly with HTMX.
laravel-htmx - Laravel integration for htmx.
DelphiMVCFramework - DelphiMVCFramework integration support for htmx (class helper in MVCFramework.HTMX)
elem-go - A Go library for building HTML with htmx.
fasthx - HTMX utility with decorator syntax for FastAPI that works with any templating engine (Jinja included).
HTMX for ⚡️ fiber - A middleware to render HTMX components.
swift-http-types-htmx - HTMX extensions for swift-http-types
htmx-debugger - A Chrome extension for debugging and viewing htmx events and attributes
htmx-lsp - Language Server Protocol for Neovim to supercharge HTMX development
Clace - Hypermedia based internal tools for teams. Application server for containerized apps.
CakePHP-htmx - CakePHP integration for Htmx.
HTMX
The hArc Stack - Combining HTMX with raku Air, Red and Cro so that you can just build websites the right way™.
Bootify.io - Create Spring Boot apps with Thymeleaf and htmx in the browser.
ludic - Lightweight framework for building dynamic HTML pages in pure Python with HTMX.

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

BlogPosts

Examples by Back-end

AdonisJS

ASP.net

Clojure

Common Lisp

Delphi

Express

Go

Java

JavaScript

Kotlin

Lua

Other

PHP

PowerShell

Python-based (Django, FastAPI, Flask)

Ruby

Rust

Typescript

YAML

Zig

Official

Online Books

Podcasts

Other

Tools

Videos