Skip to content

rajasegar/awesome-htmx

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

Awesome Htmx Awesome

An awesome list of resources about htmx such as articles, posts, videos, talks and more.

Hoping to keep this list updated as much as possible, any new links through PRs are appreciated.

Contents

Official

BlogPosts

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 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
  • IntelliJ htmx plugin
  • 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

Examples by Back-end

ASP.net

Clojure

Common Lisp

JavaScript

Typescript

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

AdonisJS

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

Express

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.

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 htmx, elem-go, and Go Fiber.
  • Todo App - A todo app built with htmx, elem-go, and Go Fiber.
  • 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.

Java

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)

Python-based (Django, FastAPI, Flask)

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.

PHP

Delphi

Zig

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.

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