awesome-htmx
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.
Awesome things about htmx
2k stars
64 watching
107 forks
last commit: about 2 months ago
Linked from 2 awesome lists
awesomeawesome-listhacktoberfesthtmx
Awesome Htmx / Official | |||
Website | |||
GitHub | 38,402 | 6 days ago | |
Discord Server | |||
Examples | |||
htmx on Stack Overflow | |||
Awesome Htmx / BlogPosts | |||
How to create ChatGPT with Django and HTMX in 4 minutes 🦾 | |||
Add instant database search with Django and HTMX 🕵️ | |||
How to add serverless functions to Django in 6 minutes (with HTMX and AWS Lambda) 🧠 | |||
Add infinite scroll with Django and HTMX in 60 seconds ∞ | |||
HackerNews Post | Htmx – high power tools for HTML | ||
Full Stack Application – HTMX + ExpressJS + Turso: A Step-by-Step Guide | |||
How to create a Django form (using HTMX) in 90 seconds 🐎 | |||
3 steps to upload files properly with Django (and HTMX) 📁 | |||
Learning AJAX made easy - Build an app with htmx | |||
How To Use Htmx in Django | |||
HTMX With ASP.NET Core | |||
HTMX Requests with ASP.NET Core Anti-Forgery Tokens | |||
HTMX and ASP.NET Core Swapping Techniques | |||
Notes on HTMX | |||
Creating a Temperature Converter without a single line of JS | |||
Creating a Counter component without a single line of JS | |||
Creating a Flight Booker component without a single line of JS | |||
Creating a GitHub profile search component in htmx | |||
Lazy Load Form Fields In Rails With HTMX | |||
Handle JSON API Results in Htmx | |||
Rapid Prototyping with Django, htmx, and Tailwind CSS | |||
Rapid Prototyping with Flask, htmx, and Tailwind CSS | |||
Ajax-Enabled Checkbox and Select with Django and HTMX | |||
Django Formsets Tutorial - Build dynamic forms with Htmx | |||
Django, HTMX and Alpine.JS: A Match Made In Heaven | |||
TodoMVC with Thymeleaf and HTMX | |||
Using Server-Sent Events with Thymeleaf and HTMX | |||
Thymeleaf and htmx with out of band swaps | |||
Htmx authentication error handling | |||
json2html | 628 | 2 months ago | |
Full stack web development in a single Java file: An intro to Javalin and htmx | |||
Hono + htmx + Cloudflare is a new stack | |||
Getting Started With HTMX In Laravel | |||
Table Sorting and Pagination with HTMX in Laravel | |||
Building a Counter App with htmx, Go Fiber, and elem-go | |||
Dancing with HTMX | |||
Modal forms with Django+HTMX | |||
Toasts with Django+HTMX | |||
Laravel + HTMX - Hard Mode | interesting ways to handle complicated user interface elements with Laravel and HTMX by Spiro Floropoulos | ||
Using htmx with Spring Boot and Thymeleaf | |||
Htmx error handling in Spring Boot apps | |||
Awesome Htmx / Tools | |||
Sprig | Craft CMS plugin | ||
simpleui | Clojure backend helpers for htmx | ||
django-htmx | 1,642 | 17 days ago | Django integration |
django-js-lib-htmx | 6 | about 1 month ago | Django package containing the htmx scripts |
htmx-go | 751 | 10 months ago | Go integration compatible with , prioritizing type safety |
htmx-rails | 117 | 4 months ago | Rails integration |
htmx.net | 477 | 6 days ago | ASP.NET Core integration (Htmx Extension Methods, TagHelpers, Htmx.Config) |
Giraffe.Htmx | 75 | 6 months ago | Extensions for Giraffe to support development with htmx |
htmx-spring-boot | 519 | 4 days ago | Spring Boot support library for htmx |
IntelliJ htmx plugin | |||
codeigniter-htmx | 75 | 15 days ago | CodeIgniter 4 framework integration |
htmx-ext-shoelace | 69 | 5 months ago | An extension to make Shoelace elements work seamlessly with HTMX |
laravel-htmx | 308 | 8 months ago | Laravel integration for htmx |
Hwy | Remix-inspired TypeScript metaframework using HTMX instead of React | ||
DelphiMVCFramework | 1,255 | 5 days ago | DelphiMVCFramework integration support for htmx (class helper in MVCFramework.HTMX) |
elem-go | 320 | 16 days ago | 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 | 749 | 7 days ago | 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 | 52 | 5 days ago | 🔨Write HTML and HTMX applications in pure Go using ⚡️ fiber. And lot more |
swift-http-types-htmx | 17 | 2 months ago | HTMX extensions for swift-http-types |
htmx-debugger | 108 | 29 days ago | A Chrome extension for debugging and viewing htmx events and attributes |
Awesome Htmx / Videos | |||
htmx in 100 seconds | |||
Why learn htmx? | |||
Rapid server side full stack web development with ViewComponents and htmx by Thomas Schuely | |||
Modern frontends with Thymeleaf and htmx by Wim Deblauwe | |||
DjangoCon Europe - David Guillot from Contexte - From React to htmx on a real-world SaaS product: we did it, and it's awesome! | |||
Carson Gross — Return To Hypermedia: Solving Javascript Fatigue Using Fundamental Web Architecture | |||
Dynamic Web Pages Without JavaScript? - Intro to HTMX | |||
htmx: Writing JavaScript to Avoid Writing JavaScript, by Carson Gross | |||
Spring Boot + HTMX = Easy Full Stack | |||
Simple, Fast Frontends With htmx | |||
Dynamic Django forms without writing any JavaScript | |||
HAT Stack: HTMX, AlpineJS Tailwind (SeaJUG Front End Java 2021) | |||
HTMX - Clean Dynamic HTML Pages Talk Python Live Stream | |||
Python Bytes 219: HTMX: Dynamic and live HTML without JavaScript - Live Stream | |||
Active Search UI Pattern with HTMX and FLASK | |||
HTMX for ZERO JavaScript Drop Down Depending on other Drop Down | |||
Django and HTMX | 25 Videos | ||
Try Django 3.2 - Python Web Development Tutorial Series | HTMX content starts in video 65 | ||
HTMX/hyperscript demo | |||
HTMX/hyperscript demo with Transitions | |||
janet/joy/htmx/tailwind | Making a url shortener | |||
janet/joy/htmx/tailwind | Making a twitter competitor | |||
HTMX Crash Course | Dynamic Pages Without Writing Any JavaScript | |||
Modal forms with Django+HTMX | |||
Toasts with Django+HTMX | |||
Découverte de HTMX, pour faire de l'ajax sans JavaScript (French Tutorial) | |||
From React To HTMX | 2023-08 The Primeagen | ||
Awesome Htmx / Examples by Back-end / ASP.net | |||
htmx-with-aspnet-core | 35 | over 3 years ago | Htmx with asp.net core |
aspnet-core-htmx-example | 84 | 10 days ago | Demonstrates the use of htmx with ASP.NET Core Razor Pages to create a simple CRUD web application |
Awesome Htmx / Examples by Back-end / Clojure | |||
babashka-htmx-todoapp | 169 | 8 months ago | Quick example of a todo list application using Babashka and htmx |
panas.example | 27 | over 1 year ago | Implementation of all using Babashka |
contact.app-clj | 2 | 8 months ago | Clojure implementation of the contact.app from the Hypermedia Systems book |
Awesome Htmx / Examples by Back-end / Common Lisp | |||
ccl-demo-raja | 18 | over 3 years ago | A Common Lisp demo with htmx using Star wars API |
cl-trello-clone | 37 | over 3 years ago | A small Trello clone built in Common Lisp |
cl-github-timeline | 14 | over 3 years ago | Github timeline in Common Lisp, and using FastAPI |
Awesome Htmx / Examples by Back-end / JavaScript | |||
Example todo app with the html.js framework | 120 | 11 months ago | html.js is an elegent framework for hyper speed web apps |
Primate HTMX module | Polymorphic development platform with support for many frontends, including HTMX | ||
Awesome Htmx / Examples by Back-end / Typescript | |||
TodoMVC App | 9 | about 1 year ago | TodoMVC App built with , , , and deployed on vercel/netlify |
Awesome Htmx / Examples by Back-end / AdonisJS | |||
TodoMVC App | 0 | 3 months ago | TodoMVC App built with , and following the standard AdonisJS guidelines for server framework |
Awesome Htmx / Examples by Back-end / Express | |||
Geo Selector in htmx | 4 | over 3 years ago | A Region, Sub-Region and Country selector based on user selections |
todomvc-htmx | 66 | over 3 years ago | TodoMVC app implemented using htmx and hyperscript |
hx-swap-demo | 3 | over 3 years ago | A demo app to showcase different attribute values of hx-swap in htmx |
htmx-twitter-clone | 40 | over 3 years ago | A Twitter clone built using htmx |
super-rentals-htmx | 6 | over 3 years ago | A Rentals Listing demo app built with htmx |
htmx-github-search | 8 | over 3 years ago | A GitHub Profile search component built using htmx |
todo-htmx | 4 | over 3 years ago | A simple Todo list with Express and htmx |
htmx-calendar | 13 | over 2 years ago | Calendar component in htmx |
htmx-tabular | 8 | over 3 years ago | Tabular data with htmx |
htmbox | 14 | over 3 years ago | A Dropbox clone in htmx |
htmx-notes | 14 | over 3 years ago | A Note-taking app using Markdown inspired by React Server Components demo |
Awesome Htmx / Examples by Back-end / Rust | |||
TodoMVC App | 3 | 10 months ago | 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 |
Awesome Htmx / Examples by Back-end / Go | |||
pagoda | 2,201 | about 2 months ago | Rapid, easy full-stack web development starter kit in Go with HTMX support and examples |
Pushup | 851 | 7 days ago | A server-side, page-oriented web framework for the Go programming language |
Simple Counter App | 320 | 16 days ago | A simple counter app built with , , and |
Todo App | 320 | 16 days ago | A todo app built with , , and |
Realtime Todo App | 10 | 13 days ago | This is a Go Todo App using WebSockets, HTMX, and DOM-Morphing |
TodoMVC App | 7 | 10 months ago | TodoMVC App built with , , and |
GO HTMX | 395 | 13 days ago | Seamless HTMX Integration for Go Applications |
Awesome Htmx / Examples by Back-end / Java | |||
TodoWebflux Spring Boot HTMX demo | 22 | 4 months ago | |
Spring Boot HTMX integration | 100 | over 1 year ago | |
Spring-Boot HTMX | 304 | over 1 year ago | |
Frisson: Easy, Powerful Full Stack with Spring Boot and HTMX | 159 | over 1 year ago | |
java-htmx-todo | 11 | over 1 year ago | Todo app using Javalin, htmx and j2html |
Awesome Htmx / Examples by Back-end / Kotlin | |||
todo-hda-kt | 6 | over 1 year ago | TodoApp as a Hypermedia Driven App with parallel browser tests |
htmx-ktor | 26 | 6 months ago | Fullstack CRUD app example made with Ktor (Backend), kotlin.html (Templates), SimpleCSS (Styling), PostgreSQL (DB), Docker (Deployment) |
Awesome Htmx / Examples by Back-end / Python-based (Django, FastAPI, Flask) | |||
awesome-python-htmx | 1,074 | 3 months ago | Awesome list for htmx specific to the Python ecosystem |
Flask HTMLX Material Kit | 15 | over 2 years ago | Simple starter powered by , and |
Django HTMLX Material Kit | 17 | over 2 years ago | Simple starter powered by , and |
flask-htmx-boilerplate | 34 | about 3 years ago | Boilerplate template for a Python Flask application with HTMX and Tailwind CSS |
django-htmx example app | 1,642 | 17 days ago | Example Django app showing a few patterns |
django-htmx-fun | 186 | almost 3 years ago | A small Django application to advertise the fun htmx can bring you |
django-htmx-todo | 9 | about 4 years ago | |
django-htmx-todo-list | 82 | over 2 years ago | Expands on django-htmx-todo to add task creation, editing, and deletion using FBVs |
owela-club | 33 | over 2 years ago | Play the Namibian game of Owela against a terrible AI. Built using Django and htmx |
django-htmx-alpine | 177 | over 2 years ago | Basic todo list with Django, HTMX, and Alpine. Features a |
dj_pug_htmx_example | 0 | almost 4 years ago | HTMX, Pug, and Django experiments |
Lexicon App | 0 | over 1 year ago | Lexicon app using django3.2, htmx, hyperscript |
htmxflask | 94 | over 2 years ago | All the HTMX samples redone using a flask server |
htmx and SSE with FastAPI | 37 | over 3 years ago | FastAPI based web app sending Server Sent Events to frontend app created with htmx |
fast-htmx | 253 | 10 months ago | 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 | 4 | over 2 years ago | Very short example combining HTMX with for self-updating webpages with minimal dependencies |
django-tailwind-alpine-htmx | 58 | over 1 year ago | A simple Task app built with Django, Tailwind CSS, Alpine.js and HTMX |
flask-htmx-tailwind | 84 | 10 months ago | Rapid Prototyping with Flask, htmx, and Tailwind CSS |
Modal forms with Django+HTMX | 99 | over 1 year ago | A sample project to demonstrates how to show a Django Form in a modal dialog box using HTMX |
fastapi-htmx-tailwind-example | 37 | about 2 months ago | Async , , , , and example; featuring for example active search, server-sent events, server-side HTMX triggers, lazy loading, and dynamic dialogs |
Awesome Htmx / Examples by Back-end / Ruby | |||
sinatara-htmx | 13 | over 4 years ago | Example of a Sinatra app using HTMX for implementing an interactive search |
pokebutt-htmx | 2 | over 1 year ago | Pokebutt clone using htmx |
htmx-todo-app | 6 | over 4 years ago | A little to-do app and a short demo of htmx built with Sinatra |
Awesome Htmx / Examples by Back-end / PHP | |||
codeigniter-htmx-demo | 60 | about 1 year ago | A CodeIgniter 4 examples include inline and modal edits, events, searching, pagination, and sorting |
laravel-htmx-todolist | 7 | about 1 year ago | Laravel Todo List app demo for laravel-htmx |
laravel-htmx-crud | 18 | 11 months ago | Laravel contacts CRUD app, made reactive with HTMX |
Awesome Htmx / Examples by Back-end / Delphi | |||
dmvcframework-todo-app | 14 | about 1 month ago | DelphiMVCFramework to-do app with HTMX and mustache templates |
Awesome Htmx / Examples by Back-end / Zig | |||
zig-htmx | 7 | 10 months ago | Example chat app written in zig + htmx (websockets) |
zig-htmx-tailwind-example | 3 | about 2 months ago | CRUD app written in Zig + HTMX + Tailwind CSS |
Awesome Htmx / Examples by Back-end / Lua | |||
TodoMVC App | 0 | about 1 month ago | TodoMVC App built with , , and . Lua is fast and lightweight where virtually map very close to C |
Awesome Htmx / Examples by Back-end / PowerShell | |||
podex | 1 | about 1 month ago | Podex - a framework for building full-stack web applications using PowerShell/Pode for the backend and htmx for the frontend |
Awesome Htmx / Examples by Back-end / Other | |||
declswiplweb | 13 | about 4 years ago | End to end declarative web programming with no JS using htmx and SWI-Prolog |
htmx-modal-example | 5 | about 4 years ago | An experiment to work design modal dialogs in HTMX |
quarkus-htmx-todos | 44 | 8 days ago | Todo App in Quarkus with htmx |
htmx-ai | 70 | 10 months ago | Use ChatGPT Code Generation as a Backend for HTMX |
Awesome Htmx / Podcasts | |||
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 | ||
JavaScript right in HTML? | HTMLallthethings episode 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? | "A JS library that lets you swap out parts of the user interface with a response from a server" - Scott Tolinski | ||
Syntax.fm #734 - HTMX Web Apps with Carson Gross | 2024-02-23 |