awesome-python-htmx
github.com/pyhat-stack/awesome-python-htmx ↗A curated list of things related to python-based web development using htmx
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me why should i care? resources from awesome-python-htmx"
Installation instructions →What's inside
Design, Theory, and Patterns 🧠
- 3 IRL use cases for Python and HTMX
- Django HTMX Components
Live demos and code repository of common Django + HTMX patterns. They are designed to be copy-pasted into your project and customized to your needs.
- Django + htmx patterns
- HTML First
HTML First is a set of principles that aims to make building web software easier, faster, more inclusive, and more maintainable by... 1) Leveraging the default capabilities of modern web browsers, 2) Leveraging the extreme simplicity of HTML's attribute syntax, 3) Leveraging the web's ViewSource affordance.
- htmx Essays
A great essay (responding to a
- Hypermedia-Driven Applications
This web stack could have been called PyHDA, this essay gives a great primer on how a PyHAT application should look, architecturally.
Introductory Resources 🔰
- Add infinite scroll with Django and HTMX in 60 seconds ∞
Shows how to add infinite scroll to your Django app using HTMX in a simple guide ∞
- Add instant database search with Django and HTMX 🕵️
Build an instant database search using Django and HTMX in 6 steps 🕵️
- Django, HTMX and Alpine.js: Modern websites, JavaScript optional
Building a modern front end in Django without reaching for a full-blown JavaScript framework. Choosing the right tools for the job, and bringing them into your project.
- How to create a Django form (using HTMX) in 90 seconds 🐎
- Rapid Prototyping with Flask, htmx, and Tailwind CSS
In this tutorial, you'll learn how to set up Flask with htmx and Tailwind CSS. (testdriven.io)
- simple site
Provides thorough documentation on building a site from the ground up with FastAPI, Jinja, htmx, and Tailwind.
What is PyHAT? 🧐
- agonizing over CSS class namesWhy Should I Care?
- but not sacrifice front-end functionalityWhy Should I Care?
- complicated front end frameworkWhy Should I Care?
Third Party Packages 📦
- asgi-htmxHelper Libraries
- Bulldoggy: The Reminders AppDemos
- django-cbv-htmxHelper Libraries
- django-cottonTemplates
- Django DashboardsComponents
- django-htmxHelper Libraries
Introductory Courses 🏫
- Bugbytes Django & HTMX
A phenomenal tutorial series on using Django with htmx.
- Code With Stein Django Ecommerce Website Htmx and tailwind
A great tutorial on building a Django ecommerce website with htmx and tailwind.
- HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course
Similar to the course above, except with Django. (TalkPython Training)
- HTMX + Flask: Modern Python Web Apps, Hold the JavaScript Course
htmx is one of the hottest properties 🔥 in web development today, and for good reason. This framework, along with the libraries and techniques introduced in this course, will have you writing the best Python web apps you've ever written: clean, fast, and interactive without all that frontend overhead. (TalkPython Training)
Projects Using PyHAT (or similar) 🏗️
Official Resources 📚
- htmx
htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext. Htmx has no outside dependencies outside of a vanilla JavaScript file referenced in your HTML
- tailwindcss
Rapidly build modern websites without ever leaving your HTML. Tailwind provides a standalone CLI tool that
Showing a sample of 62 resources. View the full list on GitHub →