awesome-htmx

Awesome things about htmx
https://github.com/rajasegar/awesome-htmx

Last synced: 1 day ago
JSON representation

Official
BlogPosts
Tools
- Sprig - Craft CMS plugin.
- IntelliJ htmx plugin
- Hwy - Remix-inspired TypeScript metaframework using HTMX instead of React.
- ctmx - Clojure integration.
- elem-go - A Go library for building HTML with htmx.
- 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)
- fasthx - HTMX utility with decorator syntax for FastAPI that works with any templating engine (Jinja included).
- HTMX for ⚡️ fiber - 🔨Write HTML and HTMX applications in pure Go using ⚡️ fiber. And lot more ...
- htmx-debugger - A Chrome extension for debugging and viewing htmx events and attributes
- swift-http-types-htmx - HTMX extensions for swift-http-types
- Hwy - Remix-inspired TypeScript metaframework using HTMX instead of React.
- Clace - Hypermedia based internal tools for teams. Application server for containerized apps.
- CakePHP-htmx - CakePHP integration for Htmx.
- htmx-lsp - Language Server Protocol for Neovim to supercharge HTMX development
- ludic - Lightweight framework for building dynamic HTML pages in pure Python with HTMX.
Videos
Examples by Back-end
- 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`.
  - TodoMVC App - TodoMVC App built with `Go`, `</>templ`, `htmx` and `_hyperscript`.
  - GO HTMX - Seamless HTMX Integration for Go Applications.
  - 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.
- Java
  - Spring Boot HTMX integration
  - TodoWebflux Spring Boot HTMX demo
  - Spring-Boot HTMX
  - Frisson: Easy, Powerful Full Stack with Spring Boot and 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
- Python-based (Django, FastAPI, Flask)
  - django-htmx example app - Example Django app showing a few patterns.
  - 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
  - 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.
  - 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](https://flask-sock.readthedocs.io/en/latest/) 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.
  - 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.
  - 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](https://django-htmx-alpine.nicholasmoen.com/).
- PHP
  - laravel-htmx-crud
  - 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
- 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](https://htmx.org/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.
- JavaScript
  - Example todo app with the html.js framework - html.js is an elegent framework for hyper speed web apps.
  - Primate HTMX module - Polymorphic
- Typescript
  - TodoMVC App - TodoMVC App built with `Typescript`, `JSX`, `express`, `htmx` and `_hyperscript` deployed on vercel/netlify.
- 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.
- 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.
- 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)
- Ruby
  - pokebutt-htmx - Pokebutt clone using htmx.
  - htmx-todo-app - A little to-do app and a short demo of htmx built with Sinatra.
  - sinatara-htmx - Example of a Sinatra app using HTMX for implementing an interactive search
- Delphi
  - dmvcframework-todo-app - DelphiMVCFramework to-do app with HTMX and mustache templates
- Zig
  - zig-htmx - Example chat app written in zig + htmx (websockets).
  - zig-htmx-tailwind-example - CRUD app written in Zig + HTMX + Tailwind CSS.
- 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
- AdonisJS
  - TodoMVC App - TodoMVC App built with `AdonisJS`, `htmx` and `_hyperscript` following the standard AdonisJS guidelines for server framework
- Lua
  - TodoMVC App - TodoMVC App built with `Lua`, `Luasocket`, `HTMX` and `_hyperscript`. Lua is fast and lightweight where virtually map very close to C.
- PowerShell
  - podex - Podex - a framework for building full-stack web applications using PowerShell/Pode for the backend and htmx for the frontend.
- YAML
  - demo-htmx-manifest - Newsletter signup app with Manifest + HTMX.
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.
  - 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? - Scott Tolinski
  - Syntax.fm #734 - HTMX Web Apps with Carson Gross - 02-23

Programming Languages

JavaScript 13 HTML 12 Python 10 Go 8 PHP 7 CSS 7 Java 6 Pug 5 Clojure 4 Rust 2

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

awesome-htmx

Official

BlogPosts

Tools

Videos

Examples by Back-end

Go

Java

Python-based (Django, FastAPI, Flask)

PHP

ASP.net

Clojure

Common Lisp

JavaScript

Typescript

Express

Rust

Kotlin

Ruby

Delphi

Zig

Other

AdonisJS

Lua

PowerShell

YAML

Podcasts

Other