Awesome Lists

awesome-htmx

by rajasegar

awesome listpushed about 2 years ago

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
View on GitHub

Embed the badge

Show how many awesome lists link to your project. The count updates automatically.

Awesome Lists badge
Markdown
[![Awesome Lists Badge](https://awesome.facts.dev/shield/rajasegar/awesome-htmx/links.svg)](https://awesome.facts.dev/awesome/rajasegar/awesome-htmx)
HTML
<a href="https://awesome.facts.dev/awesome/rajasegar/awesome-htmx"><img src="https://awesome.facts.dev/shield/rajasegar/awesome-htmx/links.svg" alt="Awesome Lists Badge" /></a>
Image URL
https://awesome.facts.dev/shield/rajasegar/awesome-htmx/links.svg

What's in the list

181 links in 24 sections, with live GitHub stats.activeno commit in 2y

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 , 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

Examples by Back-end / ASP.net

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

Examples by Back-end / JavaScript

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

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

Examples by Back-end / Delphi

Examples by Back-end / Zig

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

More related projects

Add a GitHub project

Missing a project or an awesome list? Paste its GitHub URL and we fetch it right away.