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

GitHub

2k stars
63 watching
109 forks
last commit: almost 2 years ago
Linked from 2 awesome lists

awesomeawesome-listhacktoberfesthtmx

Awesome Htmx / Official

Website
GitHub39,094almost 2 years ago
Twitter
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 PostHtmx – 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
json2html631almost 2 years 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 Modeinteresting 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

SprigCraft CMS plugin
simpleuiClojure backend helpers for htmx
django-htmx1,667almost 2 years agoDjango integration
django-js-lib-htmx6almost 2 years agoDjango package containing the htmx scripts
htmx-go758almost 2 years agoGo integration compatible with , prioritizing type safety
htmx-rails121about 2 years agoRails integration
htmx.net490almost 2 years agoASP.NET Core integration (Htmx Extension Methods, TagHelpers, Htmx.Config)
Giraffe.Htmx75over 2 years agoExtensions for Giraffe to support development with htmx
htmx-spring-boot534almost 2 years agoSpring Boot support library for htmx
IntelliJ htmx plugin
codeigniter-htmx75almost 2 years agoCodeIgniter 4 framework integration
htmx-ext-shoelace68about 2 years agoAn extension to make Shoelace elements work seamlessly with HTMX
laravel-htmx311over 2 years agoLaravel integration for htmx
HwyRemix-inspired TypeScript metaframework using HTMX instead of React
DelphiMVCFramework1,263almost 2 years agoDelphiMVCFramework integration support for htmx (class helper in MVCFramework.HTMX)
elem-go320almost 2 years agoA Go library for building HTML with htmx
Mojolicious::Plugin::HTMXAn HTMX plugin for Mojolicious (a Perl web Framework)
fasthxHTMX utility with decorator syntax for FastAPI that works with any templating engine (Jinja included)
ludic761almost 2 years agoLightweight framework for building dynamic HTML pages in pure Python with HTMX
Bootify.ioCreate Spring Boot apps with Thymeleaf and htmx in the browser
HTMX for ⚡️ fiber53almost 2 years ago🔨Write HTML and HTMX applications in pure Go using ⚡️ fiber. And lot more
swift-http-types-htmx18about 2 years agoHTMX extensions for swift-http-types
htmx-debugger119almost 2 years agoA 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 HTMX25 Videos
Try Django 3.2 - Python Web Development Tutorial SeriesHTMX 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 HTMX2023-08 The Primeagen

Awesome Htmx / Examples by Back-end / ASP.net

htmx-with-aspnet-core36over 5 years agoHtmx with asp.net core
aspnet-core-htmx-example88almost 2 years agoDemonstrates 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-todoapp171over 2 years agoQuick example of a todo list application using Babashka and htmx
panas.example27over 3 years agoImplementation of all using Babashka
contact.app-clj2over 2 years agoClojure implementation of the contact.app from the Hypermedia Systems book

Awesome Htmx / Examples by Back-end / Common Lisp

ccl-demo-raja18about 5 years agoA Common Lisp demo with htmx using Star wars API
cl-trello-clone37about 5 years agoA small Trello clone built in Common Lisp
cl-github-timeline14about 5 years agoGithub timeline in Common Lisp, and using FastAPI

Awesome Htmx / Examples by Back-end / JavaScript

Example todo app with the html.js framework120almost 3 years agohtml.js is an elegent framework for hyper speed web apps
Primate HTMX modulePolymorphic development platform with support for many frontends, including HTMX

Awesome Htmx / Examples by Back-end / Typescript

TodoMVC App9almost 3 years agoTodoMVC App built with , , , and deployed on vercel/netlify

Awesome Htmx / Examples by Back-end / AdonisJS

TodoMVC App0about 2 years agoTodoMVC App built with , and following the standard AdonisJS guidelines for server framework

Awesome Htmx / Examples by Back-end / Express

Geo Selector in htmx4about 5 years agoA Region, Sub-Region and Country selector based on user selections
todomvc-htmx66over 5 years agoTodoMVC app implemented using htmx and hyperscript
hx-swap-demo3over 5 years agoA demo app to showcase different attribute values of hx-swap in htmx
htmx-twitter-clone40over 5 years agoA Twitter clone built using htmx
super-rentals-htmx6over 5 years agoA Rentals Listing demo app built with htmx
htmx-github-search8over 5 years agoA GitHub Profile search component built using htmx
todo-htmx4over 5 years agoA simple Todo list with Express and htmx
htmx-calendar13about 4 years agoCalendar component in htmx
htmx-tabular8over 5 years agoTabular data with htmx
htmbox14over 5 years agoA Dropbox clone in htmx
htmx-notes14over 5 years agoA Note-taking app using Markdown inspired by React Server Components demo

Awesome Htmx / Examples by Back-end / Rust

TodoMVC App3over 2 years agoTodoMVC 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

pagoda2,229almost 2 years agoRapid, easy full-stack web development starter kit in Go with HTMX support and examples
Pushup849almost 2 years agoA server-side, page-oriented web framework for the Go programming language
Simple Counter App320almost 2 years agoA simple counter app built with , , and
Todo App320almost 2 years agoA todo app built with , , and
Realtime Todo App10almost 2 years agoThis is a Go Todo App using WebSockets, HTMX, and DOM-Morphing
TodoMVC App8over 2 years agoTodoMVC App built with , , and
GO HTMX421almost 2 years agoSeamless HTMX Integration for Go Applications

Awesome Htmx / Examples by Back-end / Java

TodoWebflux Spring Boot HTMX demo22about 2 years ago
Spring Boot HTMX integration100over 3 years ago
Spring-Boot HTMX305about 3 years ago
Frisson: Easy, Powerful Full Stack with Spring Boot and HTMX161over 3 years ago
java-htmx-todo12about 3 years agoTodo app using Javalin, htmx and j2html

Awesome Htmx / Examples by Back-end / Kotlin

todo-hda-kt7over 3 years agoTodoApp as a Hypermedia Driven App with parallel browser tests
htmx-ktor26over 2 years agoFullstack 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-htmx1,093about 2 years agoAwesome list for htmx specific to the Python ecosystem
Flask HTMLX Material Kit14over 4 years agoSimple starter powered by , and
Django HTMLX Material Kit18over 4 years agoSimple starter powered by , and
flask-htmx-boilerplate34almost 5 years agoBoilerplate template for a Python Flask application with HTMX and Tailwind CSS
django-htmx example app1,667almost 2 years agoExample Django app showing a few patterns
django-htmx-fun187almost 5 years agoA small Django application to advertise the fun htmx can bring you
django-htmx-todo8almost 6 years ago
django-htmx-todo-list82over 4 years agoExpands on django-htmx-todo to add task creation, editing, and deletion using FBVs
owela-club33over 4 years agoPlay the Namibian game of Owela against a terrible AI. Built using Django and htmx
django-htmx-alpine182over 4 years agoBasic todo list with Django, HTMX, and Alpine. Features a
dj_pug_htmx_example0over 5 years agoHTMX, Pug, and Django experiments
Lexicon App0over 3 years agoLexicon app using django3.2, htmx, hyperscript
htmxflask94about 4 years agoAll the HTMX samples redone using a flask server
htmx and SSE with FastAPI37over 5 years agoFastAPI based web app sending Server Sent Events to frontend app created with htmx
fast-htmx253over 2 years agoFast-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 HTMX4over 4 years agoVery short example combining HTMX with for self-updating webpages with minimal dependencies
django-tailwind-alpine-htmx59over 3 years agoA simple Task app built with Django, Tailwind CSS, Alpine.js and HTMX
flask-htmx-tailwind84over 2 years agoRapid Prototyping with Flask, htmx, and Tailwind CSS
Modal forms with Django+HTMX101over 3 years agoA sample project to demonstrates how to show a Django Form in a modal dialog box using HTMX
fastapi-htmx-tailwind-example45almost 2 years agoAsync , , , , 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-htmx13about 6 years agoExample of a Sinatra app using HTMX for implementing an interactive search
pokebutt-htmx2over 3 years agoPokebutt clone using htmx
htmx-todo-app6over 6 years agoA little to-do app and a short demo of htmx built with Sinatra

Awesome Htmx / Examples by Back-end / PHP

codeigniter-htmx-demo62about 3 years agoA CodeIgniter 4 examples include inline and modal edits, events, searching, pagination, and sorting
laravel-htmx-todolist7about 3 years agoLaravel Todo List app demo for laravel-htmx
laravel-htmx-crud18almost 3 years agoLaravel contacts CRUD app, made reactive with HTMX

Awesome Htmx / Examples by Back-end / Delphi

dmvcframework-todo-app14almost 2 years agoDelphiMVCFramework to-do app with HTMX and mustache templates

Awesome Htmx / Examples by Back-end / Zig

zig-htmx9over 2 years agoExample chat app written in zig + htmx (websockets)
zig-htmx-tailwind-example4about 2 years agoCRUD app written in Zig + HTMX + Tailwind CSS

Awesome Htmx / Examples by Back-end / Lua

TodoMVC App0almost 2 years agoTodoMVC App built with , , and . Lua is fast and lightweight where virtually map very close to C

Awesome Htmx / Examples by Back-end / PowerShell

podex1almost 2 years agoPodex - 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

declswiplweb13about 6 years agoEnd to end declarative web programming with no JS using htmx and SWI-Prolog
htmx-modal-example5almost 6 years agoAn experiment to work design modal dialogs in HTMX
quarkus-htmx-todos44almost 2 years agoTodo App in Quarkus with htmx
htmx-ai72over 2 years agoUse ChatGPT Code Generation as a Backend for HTMX

Awesome Htmx / Podcasts

Python Bytes: HTMX - Dynamic and live HTML without JavaScriptPodcast about HTMX in the Python news
Talk Python: HTMX - Clean, Dynamic HTML Pages
Dynamic HTML with htmxDevmode.fm episode about htmx
htmXPodcast about htmx in Programmers quickie
Less JavaScript more HTMXJSParty 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 GrossAn 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 Gross2024-02-23

Backlinks from these awesome lists:

More related projects: