awesome-python-htmx

HTMX project

A curated list promoting Python-based web development using htmx

A curated list of things related to python-based web development using htmx

GitHub
1k stars
32 watching
27 forks
last commit: 3 months ago
Linked from 2 awesome lists


PyHAT: Awesome Python htmx / What is PyHAT? 🧐 / Why Should I Care?
but not sacrifice front-end functionality I want to stick with just Python and HTML/CSS,
complicated front end framework I don't want to have to use a
agonizing over CSS class names I don't enjoy

PyHAT: Awesome Python htmx / 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 section
tailwindcss Rapidly build modern websites without ever leaving your HTML. Tailwind provides a standalone CLI tool that require npm or any other JavaScript dependencies. (You can install it through using the library)

PyHAT: Awesome Python htmx / Introductory Resources 🔰
A simple, short guide to start using HTMX with Django very quickly 🐎
Build an instant database search using Django and HTMX in 6 steps 🕵️
Shows how to add infinite scroll to your Django app using HTMX in a simple guide ∞
Provides thorough documentation on building a site from the ground up with FastAPI, Jinja, htmx, and Tailwind
In this tutorial, you'll learn how to set up Flask with htmx and Tailwind CSS. (testdriven.io)
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

PyHAT: Awesome Python htmx / Introductory Courses 🏫
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)
A phenomenal tutorial series on using Django with htmx

PyHAT: Awesome Python htmx / Design, Theory, and Patterns 🧠
A compilation of patterns for writing Django projects that use htmx, with complete example code

PyHAT: Awesome Python htmx / Design, Theory, and Patterns 🧠 / A collection of essays by Carson Gross, the creator of htmx. Some specific essays of note for those not familiar with his teachings:
great article A great essay (responding to a )

PyHAT: Awesome Python htmx / Third Party Packages 📦 / Demos
More advanced version of showcasing features like active search and infinite scroll. You can open with a Codespace in GitHub without having to install anything locally
Bulldoggy is a small demo web app for tracking reminders. Uses htmx to handle , , requests in a fully-functioning to-do frontend
Play the Namibian game of Owela against a terrible AI. Built using Django and htmx

PyHAT: Awesome Python htmx / Third Party Packages 📦 / Templates
Enhance your Django developer experience: CLI and Guides for the Modern Django Developer
Create highly re-usable and configurable components. (No Jinja2 needed)

PyHAT: Awesome Python htmx / Third Party Packages 📦 / Helper Libraries
Allows rendering individual blocks from Jinja2 templates. This library was created to enable the pattern of with Jinja2. Extremely helpful when using HTMX to enable
When building real-world web apps with Flask + Jinja2, it's easy to end up with repeated HTML fragments. Just like organizing code for reuse, it would be ideal to reuse smaller sections of HTML template code. That's what this library is all about
Allows rendering individual blocks from Django templates. This library was created to enable the pattern of with Django (using Django or Jinja2 templates). Extremely helpful when using HTMX to enable
A Flask extension to work with HTMX
An extension for Flask that adds support for htmx to your application. It simplifies using htmx with Flask by enhancing the global 'request' object and providing a new 'make_response' function
An opinionated extension for FastAPI to speed up development of lightly interactive web applications
Flexible FastAPI utility for adding HTMX support to routes using the decorator syntax. It works with any templating engine or server-side rendering library and comes with built-in Jinja2 support
HTMX integration for ASGI applications. Works with Starlette, FastAPI, Quart -- or any other web framework supporting ASGI that exposes the ASGI . Inspired by
Extensions for using Django with htmx
Streamline your server and client interaction using declarative techniques in your HTML and helpful abstractions from siteajax in your Python code. Powered by htmx
A package to simplify the usage of HTMX with Django. Easily add HTMX requests witout needing additional urls, and reduce clutter in views by offloading all responsibility to an hx_request
Helps connect Django Class-Based-Views with htmx
A set of extensions for using htmx with Starlette, based on
Reusable named inline partials for the Django Template Language. ! 🎥

PyHAT: Awesome Python htmx / Third Party Packages 📦 / Frameworks
Litestar is a full-on ASGI web framework (think FastAPI, Sanic, Starlette, etc...) So why is it included here? With their most recent 2.0 release, the creators have included htmx support out of the box. A special provides easier access to HX-request header objects, and an object that includes attributes for common htmx actions (pushing url, re_swap, re_targets, etc...)
Forge is a set of Django packages that work well together, but can also be used independently. These include some htmx/tailwind specific packages highlighted below. Note that these are opinionated approaches, but they provide a robust set of features to enhance your developer experience
Use Tailwind CSS with Django without requiring JavaScript or npm
A django app that combines and helps leverage the full-stack django framework, the frontend htmx framework, the django-htmx library, and the jinja template engine. It provides extended django Views with htmx build-in functionality, CRUD Views for django models, extra Mixins to use with your Views to make life easier, a ready-to-use jinja environment, Middlewares for automations, and extra utils and decorators for common use cases
Ludic is a lightweight ASGI web framework that allows the building of dynamic HTML pages using pure Python. It is based on Starlette and offers seamless HTMX integration, a component-based approach, and intuitive f-string templating for a smooth and powerful development experience

PyHAT: Awesome Python htmx / Third Party Packages 📦 / Components
Tools to help you build data dashboards in Django
A client-side autocomplete component powered by htmx featuring multiselect, search and is completely extensible

PyHAT: Awesome Python htmx / Third Party Packages 📦 / Tools
An integration of Tailwind CSS for Django that is based on the precompiled versions of the Tailwind CSS CLI (No JS required!)
Tailwind CSS is notoriously dependent on . If you're a Python developer, this dependency may not be welcome in your team, your Docker container, or your inner circle. Giving up means you won't be able to install plugins or additional dependencies for your Tailwind CSS setup. At the same time, that might not be a dealbreaker. You can still customize Tailwind CSS via the tailwind.config.js file

PyHAT: Awesome Python htmx / Projects Using PyHAT (or similar) 🏗️
A Django development tool which collects and displays information on requests, responses, SQL queries, headers, Django settings and more. The Front-end uses HTMX
A software collection implementing the Knowledge Base paradigm using the FO(.) language. Uses htmx for the front end
A web server and client to manage conda-forge environments from the browser and access them through JupyterLab. Uses htmx on the front-end
A social content posting and discussion site with a focus on simplicity and accessibility. Inspired by Hacker News and Reddit. Built with Django, HTMX, Alpine.js and Tailwind CSS

PyHAT: Awesome Python htmx / Further Reading 📖
Awesome Htmx 1,896 about 2 months ago
Maximizing Productivity: PyCharm and htmx Integration
unsuck.js

Backlinks from these awesome lists:

More related projects: