awesome-htmx
by rajasegar
Awesome things about htmx
AI summary
Web interaction library examples
A curated collection of resources and examples showcasing the features and capabilities of HTMX as a JavaScript library for dynamic web interactions.
- stars
- 1.9K
- forks
- 109
- watching
- 63
- awesome lists
- 2
- entries
- 181
What's in the list
181 links in 24 sections, with live GitHub stats.activeno commit in 2y
Official
BlogPosts
- HackerNews Post
Htmx – high power tools for HTML
- Laravel + HTMX - Hard Mode
interesting ways to handle complicated user interface elements with Laravel and HTMX by Spiro Floropoulos
Tools
- Sprig
Craft CMS plugin
- 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 , 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
- Hwy
Remix-inspired TypeScript metaframework using HTMX instead of React
DelphiMVCFramework
DelphiMVCFramework integration support for htmx (class helper in MVCFramework.HTMX)
elem-go
A Go library for building HTML with htmx
- Mojolicious::Plugin::HTMX
An HTMX plugin for Mojolicious (a Perl web Framework)
- fasthx
HTMX utility with decorator syntax for FastAPI that works with any templating engine (Jinja included)
ludic
Lightweight framework for building dynamic HTML pages in pure Python with HTMX
- Bootify.io
Create Spring Boot apps with Thymeleaf and htmx in the browser
HTMX for ⚡️ fiber
🔨Write HTML and HTMX applications in pure Go using ⚡️ fiber. And lot more
swift-http-types-htmx
HTMX extensions for swift-http-types
htmx-debugger
A Chrome extension for debugging and viewing htmx events and attributes
Videos
- Django and HTMX
25 Videos
- Try Django 3.2 - Python Web Development Tutorial Series
HTMX content starts in video 65
- From React To HTMX
2023-08 The Primeagen
Examples by Back-end / 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
Examples by Back-end / Clojure
babashka-htmx-todoapp
Quick example of a todo list application using Babashka and htmx
panas.example
Implementation of all using Babashka
contact.app-clj
Clojure implementation of the contact.app from the Hypermedia Systems book
Examples by Back-end / 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
Github timeline in Common Lisp, and using FastAPI
Examples by Back-end / JavaScript
Example todo app with the html.js framework
html.js is an elegent framework for hyper speed web apps
- Primate HTMX module
Polymorphic development platform with support for many frontends, including HTMX
Examples by Back-end / Typescript
TodoMVC App
TodoMVC App built with , , , and deployed on vercel/netlify
Examples by Back-end / AdonisJS
TodoMVC App
TodoMVC App built with , and following the standard AdonisJS guidelines for server framework
Examples by Back-end / 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
Examples by Back-end / Rust
TodoMVC App
TodoMVC App built with , , , and . Astra runs a small event I/O loop and maud is blazing fast, super type-safe, and easy to deploy
Examples by Back-end / Go
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
Simple Counter App
A simple counter app built with , , and
Todo App
A todo app built with , , and
Realtime Todo App
This is a Go Todo App using WebSockets, HTMX, and DOM-Morphing
TodoMVC App
TodoMVC App built with , , and
GO HTMX
Seamless HTMX Integration for Go Applications
Examples by Back-end / Java
java-htmx-todo
Todo app using Javalin, htmx and j2html
Examples by Back-end / 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)
Examples by Back-end / Python-based (Django, FastAPI, Flask)
awesome-python-htmx
Awesome list for htmx specific to the Python ecosystem
Flask HTMLX Material Kit
Simple starter powered by , and
Django HTMLX Material Kit
Simple starter powered by , and
flask-htmx-boilerplate
Boilerplate template for a Python Flask application with HTMX and Tailwind CSS
django-htmx example app
Example Django app showing a few patterns
django-htmx-fun
A small Django application to advertise the fun htmx can bring you
django-htmx-todo-list
Expands on django-htmx-todo to add task creation, editing, and deletion using FBVs
owela-club
Play the Namibian game of Owela against a terrible AI. Built using Django and htmx
django-htmx-alpine
Basic todo list with Django, HTMX, and Alpine. Features a
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 for self-updating webpages with minimal dependencies
django-tailwind-alpine-htmx
A simple Task app built with Django, Tailwind CSS, Alpine.js and 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
fastapi-htmx-tailwind-example
Async , , , , and example; featuring for example active search, server-sent events, server-side HTMX triggers, lazy loading, and dynamic dialogs
Examples by Back-end / 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
Examples by Back-end / 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
Laravel contacts CRUD app, made reactive with HTMX
Examples by Back-end / Delphi
dmvcframework-todo-app
DelphiMVCFramework to-do app with HTMX and mustache templates
Examples by Back-end / Zig
zig-htmx
Example chat app written in zig + htmx (websockets)
zig-htmx-tailwind-example
CRUD app written in Zig + HTMX + Tailwind CSS
Examples by Back-end / Lua
TodoMVC App
TodoMVC App built with , , and . Lua is fast and lightweight where virtually map very close to C
Examples by Back-end / PowerShell
podex
Podex - a framework for building full-stack web applications using PowerShell/Pode for the backend and htmx for the frontend
Examples by Back-end / 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
Podcasts
- Python Bytes: HTMX - Dynamic and live HTML without JavaScript
Podcast about HTMX in the Python news
- 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
- JavaScript right in HTML?
HTMLallthethings episode with Carson
- .NET Rocks! - htmx with Carson Gross
An overview of htmx, and a discussion from a .NET perspective
- Syntax.fm #726 - Is HTMX a Joke?
"A JS library that lets you swap out parts of the user interface with a response from a server" - Scott Tolinski
Nothing in this list matches your filter.
Featured in 2 awesome lists
Each link jumps to the spot where the list mentions awesome-htmx.