├── CODE-OF-CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE └── README.md /CODE-OF-CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | In the interest of fostering an open and welcoming environment, we as 6 | contributors and maintainers pledge to making participation in our project and 7 | our community a harassment-free experience for everyone, regardless of age, body 8 | size, disability, ethnicity, gender identity and expression, level of experience, 9 | nationality, personal appearance, race, religion, or sexual identity and 10 | orientation. 11 | 12 | ## Our Standards 13 | 14 | Examples of behavior that contributes to creating a positive environment 15 | include: 16 | 17 | * Using welcoming and inclusive language 18 | * Being respectful of differing viewpoints and experiences 19 | * Gracefully accepting constructive criticism 20 | * Focusing on what is best for the community 21 | * Showing empathy towards other community members 22 | 23 | Examples of unacceptable behavior by participants include: 24 | 25 | * The use of sexualized language or imagery and unwelcome sexual attention or 26 | advances 27 | * Trolling, insulting/derogatory comments, and personal or political attacks 28 | * Public or private harassment 29 | * Publishing others' private information, such as a physical or electronic 30 | address, without explicit permission 31 | * Other conduct which could reasonably be considered inappropriate in a 32 | professional setting 33 | 34 | ## Our Responsibilities 35 | 36 | Project maintainers are responsible for clarifying the standards of acceptable 37 | behavior and are expected to take appropriate and fair corrective action in 38 | response to any instances of unacceptable behavior. 39 | 40 | Project maintainers have the right and responsibility to remove, edit, or 41 | reject comments, commits, code, wiki edits, issues, and other contributions 42 | that are not aligned to this Code of Conduct, or to ban temporarily or 43 | permanently any contributor for other behaviors that they deem inappropriate, 44 | threatening, offensive, or harmful. 45 | 46 | ## Scope 47 | 48 | This Code of Conduct applies both within project spaces and in public spaces 49 | when an individual is representing the project or its community. Examples of 50 | representing a project or community include using an official project e-mail 51 | address, posting via an official social media account, or acting as an appointed 52 | representative at an online or offline event. Representation of a project may be 53 | further defined and clarified by project maintainers. 54 | 55 | ## Enforcement 56 | 57 | Instances of abusive, harassing, or otherwise unacceptable behavior may be 58 | reported by contacting the project team at rajasegar.c@gmail.com. All 59 | complaints will be reviewed and investigated and will result in a response that 60 | is deemed necessary and appropriate to the circumstances. The project team is 61 | obligated to maintain confidentiality with regard to the reporter of an incident. 62 | Further details of specific enforcement policies may be posted separately. 63 | 64 | Project maintainers who do not follow or enforce the Code of Conduct in good 65 | faith may face temporary or permanent repercussions as determined by other 66 | members of the project's leadership. 67 | 68 | ## Attribution 69 | 70 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, 71 | available at [http://contributor-covenant.org/version/1/4][version] 72 | 73 | [homepage]: http://contributor-covenant.org 74 | [version]: http://contributor-covenant.org/version/1/4/ 75 | 76 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contribution Guidelines 2 | 3 | Please note that this project is released with a [Contributor Code of Conduct](CODE-OF-CONDUCT.md). By participating in this project you agree to abide by its terms. 4 | 5 | 6 | ## Adding something to awesome-htmx 7 | 8 | If you have something awesome to contribute to this list, this is how you do it. 9 | 10 | 1. Fork this repo 11 | 2. Create a new branch with `main` as the base branch 12 | 3. Add your changes 13 | 4. Raise a Pull Request 14 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Creative Commons Legal Code 2 | 3 | CC0 1.0 Universal 4 | 5 | CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE 6 | LEGAL SERVICES. DISTRIBUTION OF THIS DOCUMENT DOES NOT CREATE AN 7 | ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS 8 | INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES 9 | REGARDING THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS 10 | PROVIDED HEREUNDER, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM 11 | THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS PROVIDED 12 | HEREUNDER. 13 | 14 | Statement of Purpose 15 | 16 | The laws of most jurisdictions throughout the world automatically confer 17 | exclusive Copyright and Related Rights (defined below) upon the creator 18 | and subsequent owner(s) (each and all, an "owner") of an original work of 19 | authorship and/or a database (each, a "Work"). 20 | 21 | Certain owners wish to permanently relinquish those rights to a Work for 22 | the purpose of contributing to a commons of creative, cultural and 23 | scientific works ("Commons") that the public can reliably and without fear 24 | of later claims of infringement build upon, modify, incorporate in other 25 | works, reuse and redistribute as freely as possible in any form whatsoever 26 | and for any purposes, including without limitation commercial purposes. 27 | These owners may contribute to the Commons to promote the ideal of a free 28 | culture and the further production of creative, cultural and scientific 29 | works, or to gain reputation or greater distribution for their Work in 30 | part through the use and efforts of others. 31 | 32 | For these and/or other purposes and motivations, and without any 33 | expectation of additional consideration or compensation, the person 34 | associating CC0 with a Work (the "Affirmer"), to the extent that he or she 35 | is an owner of Copyright and Related Rights in the Work, voluntarily 36 | elects to apply CC0 to the Work and publicly distribute the Work under its 37 | terms, with knowledge of his or her Copyright and Related Rights in the 38 | Work and the meaning and intended legal effect of CC0 on those rights. 39 | 40 | 1. Copyright and Related Rights. A Work made available under CC0 may be 41 | protected by copyright and related or neighboring rights ("Copyright and 42 | Related Rights"). Copyright and Related Rights include, but are not 43 | limited to, the following: 44 | 45 | i. the right to reproduce, adapt, distribute, perform, display, 46 | communicate, and translate a Work; 47 | ii. moral rights retained by the original author(s) and/or performer(s); 48 | iii. publicity and privacy rights pertaining to a person's image or 49 | likeness depicted in a Work; 50 | iv. rights protecting against unfair competition in regards to a Work, 51 | subject to the limitations in paragraph 4(a), below; 52 | v. rights protecting the extraction, dissemination, use and reuse of data 53 | in a Work; 54 | vi. database rights (such as those arising under Directive 96/9/EC of the 55 | European Parliament and of the Council of 11 March 1996 on the legal 56 | protection of databases, and under any national implementation 57 | thereof, including any amended or successor version of such 58 | directive); and 59 | vii. other similar, equivalent or corresponding rights throughout the 60 | world based on applicable law or treaty, and any national 61 | implementations thereof. 62 | 63 | 2. Waiver. To the greatest extent permitted by, but not in contravention 64 | of, applicable law, Affirmer hereby overtly, fully, permanently, 65 | irrevocably and unconditionally waives, abandons, and surrenders all of 66 | Affirmer's Copyright and Related Rights and associated claims and causes 67 | of action, whether now known or unknown (including existing as well as 68 | future claims and causes of action), in the Work (i) in all territories 69 | worldwide, (ii) for the maximum duration provided by applicable law or 70 | treaty (including future time extensions), (iii) in any current or future 71 | medium and for any number of copies, and (iv) for any purpose whatsoever, 72 | including without limitation commercial, advertising or promotional 73 | purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each 74 | member of the public at large and to the detriment of Affirmer's heirs and 75 | successors, fully intending that such Waiver shall not be subject to 76 | revocation, rescission, cancellation, termination, or any other legal or 77 | equitable action to disrupt the quiet enjoyment of the Work by the public 78 | as contemplated by Affirmer's express Statement of Purpose. 79 | 80 | 3. Public License Fallback. Should any part of the Waiver for any reason 81 | be judged legally invalid or ineffective under applicable law, then the 82 | Waiver shall be preserved to the maximum extent permitted taking into 83 | account Affirmer's express Statement of Purpose. In addition, to the 84 | extent the Waiver is so judged Affirmer hereby grants to each affected 85 | person a royalty-free, non transferable, non sublicensable, non exclusive, 86 | irrevocable and unconditional license to exercise Affirmer's Copyright and 87 | Related Rights in the Work (i) in all territories worldwide, (ii) for the 88 | maximum duration provided by applicable law or treaty (including future 89 | time extensions), (iii) in any current or future medium and for any number 90 | of copies, and (iv) for any purpose whatsoever, including without 91 | limitation commercial, advertising or promotional purposes (the 92 | "License"). The License shall be deemed effective as of the date CC0 was 93 | applied by Affirmer to the Work. Should any part of the License for any 94 | reason be judged legally invalid or ineffective under applicable law, such 95 | partial invalidity or ineffectiveness shall not invalidate the remainder 96 | of the License, and in such case Affirmer hereby affirms that he or she 97 | will not (i) exercise any of his or her remaining Copyright and Related 98 | Rights in the Work or (ii) assert any associated claims and causes of 99 | action with respect to the Work, in either case contrary to Affirmer's 100 | express Statement of Purpose. 101 | 102 | 4. Limitations and Disclaimers. 103 | 104 | a. No trademark or patent rights held by Affirmer are waived, abandoned, 105 | surrendered, licensed or otherwise affected by this document. 106 | b. Affirmer offers the Work as-is and makes no representations or 107 | warranties of any kind concerning the Work, express, implied, 108 | statutory or otherwise, including without limitation warranties of 109 | title, merchantability, fitness for a particular purpose, non 110 | infringement, or the absence of latent or other defects, accuracy, or 111 | the present or absence of errors, whether or not discoverable, all to 112 | the greatest extent permissible under applicable law. 113 | c. Affirmer disclaims responsibility for clearing rights of other persons 114 | that may apply to the Work or any use thereof, including without 115 | limitation any person's Copyright and Related Rights in the Work. 116 | Further, Affirmer disclaims responsibility for obtaining any necessary 117 | consents, permissions or other rights required for any use of the 118 | Work. 119 | d. Affirmer understands and acknowledges that Creative Commons is not a 120 | party to this document and has no duty or obligation with respect to 121 | this CC0 or use of the Work. 122 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Awesome Htmx [![Awesome](https://awesome.re/badge.svg)](https://github.com/sindresorhus/awesome) 2 | 3 | An awesome list of resources about **htmx** such as articles, posts, videos, talks and more. 4 | 5 | Hoping to keep this list updated as much as possible, any new links through PRs are appreciated. 6 | 7 | ## Contents 8 | 9 | - [Official](#official) 10 | - [BlogPosts](#blogposts) 11 | - [Tools](#tools) 12 | - [Videos](#videos) 13 | - [Examples](#examples-by-back-end) 14 | - [Podcasts](#podcasts) 15 | 16 | ## Official 17 | 18 | - [Website](https://htmx.org) 19 | - [GitHub](https://github.com/bigskysoftware/htmx) 20 | - [Twitter](https://twitter.com/htmx_org?lang=en) 21 | - [Discord Server](https://htmx.org/discord) 22 | - [Examples](https://htmx.org/examples/) 23 | - [htmx on Stack Overflow](https://stackoverflow.com/questions/tagged/htmx) 24 | 25 | ## BlogPosts 26 | 27 | - [How to create ChatGPT with Django and HTMX in 4 minutes 🦾](https://www.photondesigner.com/articles/chatgpt-htmx-django) 28 | - [Add instant database search with Django and HTMX 🕵️](https://www.photondesigner.com/articles/database-search-django-htmx) 29 | - [How to add serverless functions to Django in 6 minutes (with HTMX and AWS Lambda) 🧠](https://www.photondesigner.com/articles/serverless-functions-django) 30 | - [Add infinite scroll with Django and HTMX in 60 seconds ∞](https://www.photondesigner.com/articles/infinite-scroll-htmx-django) 31 | - [HackerNews Post](https://news.ycombinator.com/item?id=23330881) - Htmx – high power tools for HTML. 32 | - [Full Stack Application – HTMX + ExpressJS + Turso: A Step-by-Step Guide](https://www.fun4code.com/htmx-expressjs-a-step-by-step-guide/) 33 | - [How to create a Django form (using HTMX) in 90 seconds 🐎](https://www.photondesigner.com/articles/submit-async-django-form-with-htmx) 34 | - [3 steps to upload files properly with Django (and HTMX) 📁](https://www.photondesigner.com/articles/upload-files-properly-django-htmx) 35 | - [Learning AJAX made easy - Build an app with htmx](https://dev.to/libsyz/learning-ajax-made-easy-build-an-app-with-htmx-gie) 36 | - [How To Use Htmx in Django](https://www.mattlayman.com/blog/2021/how-to-htmx-django/) 37 | - [HTMX With ASP.NET Core](https://khalidabuhakmeh.com/htmx-with-aspnet-core) 38 | - [HTMX Requests with ASP.NET Core Anti-Forgery Tokens](https://khalidabuhakmeh.com/htmx-requests-with-aspnet-core-anti-forgery-tokens) 39 | - [HTMX and ASP.NET Core Swapping Techniques](https://khalidabuhakmeh.com/htmx-and-aspnet-core-swapping-techniques) 40 | - [Notes on HTMX](https://blog.ajbothe.com/notes-on-htmx) 41 | - [Creating a Temperature Converter without a single line of JS](https://dev.to/rajasegar/creating-a-temperature-converter-without-a-single-line-of-js-4cp1) 42 | - [Creating a Counter component without a single line of JS](https://dev.to/rajasegar/creating-a-counter-component-without-a-single-line-of-js-42d5) 43 | - [Creating a Flight Booker component without a single line of JS](https://dev.to/rajasegar/creating-a-flight-booker-component-without-a-single-line-of-js-354e) 44 | - [Creating a GitHub profile search component in htmx](https://dev.to/rajasegar/creating-a-github-profile-search-component-in-htmx-1pl5) 45 | - [Lazy Load Form Fields In Rails With HTMX](https://dev.to/dalezak/lazy-load-form-fields-in-rails-with-htmx-pm0) 46 | - [Handle JSON API Results in Htmx](https://dev.to/marcusatlocalhost/handle-json-api-results-in-htmx-f46) 47 | - [Rapid Prototyping with Django, htmx, and Tailwind CSS](https://testdriven.io/blog/django-htmx-tailwind/) 48 | - [Rapid Prototyping with Flask, htmx, and Tailwind CSS](https://testdriven.io/blog/flask-htmx-tailwind/) 49 | - [Ajax-Enabled Checkbox and Select with Django and HTMX](https://jacklinke.com/ajax-enabled-checkbox-and-select-with-django-and-htmx) 50 | - [Django Formsets Tutorial - Build dynamic forms with Htmx](https://justdjango.com/blog/dynamic-forms-in-django-htmx) 51 | - [Django, HTMX and Alpine.JS: A Match Made In Heaven](https://dev.to/nicholas_moen/what-i-learned-while-using-django-with-htmx-and-alpine-js-24jg) 52 | - [TodoMVC with Thymeleaf and HTMX](https://www.wimdeblauwe.com/blog/2021/10/04/todomvc-with-thymeleaf-and-htmx/) 53 | - [Using Server-Sent Events with Thymeleaf and HTMX](https://www.wimdeblauwe.com/blog/2021/11/23/using-server-sent-events-with-thymeleaf-and-htmx/) 54 | - [Thymeleaf and htmx with out of band swaps](https://www.wimdeblauwe.com/blog/2022/06/15/thymeleaf-and-htmx-with-out-of-band-swaps/) 55 | - [Htmx authentication error handling](https://www.wimdeblauwe.com/blog/2022/10/04/htmx-authentication-error-handling/) 56 | - [json2html](https://github.com/moappi/json2html) 57 | - [Full stack web development in a single Java file: An intro to Javalin and htmx](https://anthonybruno.dev/2023/06/11/full-stack-development-in-a-single-java-file) 58 | - [Hono + htmx + Cloudflare is a new stack](https://blog.yusu.ke/hono-htmx-cloudflare/) 59 | - [Getting Started With HTMX In Laravel](https://muhammadshafeeq.com/posts/getting-started-with-htmx-in-laravel---an-overview/) 60 | - [Table Sorting and Pagination with HTMX in Laravel](https://muhammadshafeeq.com/posts/table-sorting-and-pagination-with-htmx-in-laravel/) 61 | - [Building a Counter App with `htmx`, `Go Fiber`, and `elem-go`](https://dev.to/chasefleming/building-a-counter-app-with-htmx-go-fiber-and-elem-go-9jd) 62 | - [Dancing with HTMX](https://advent.perldancer.org/2023/20) 63 | - [Modal forms with Django+HTMX](https://blog.benoitblanchon.fr/django-htmx-modal-form) 64 | - [Toasts with Django+HTMX](https://blog.benoitblanchon.fr/django-htmx-toasts/) 65 | - [Laravel + HTMX - Hard Mode](https://spirofloropoulos.com/laravel-htmx-hard-mode-1.html) interesting ways to handle complicated user interface elements with Laravel and HTMX by Spiro Floropoulos 66 | - [Using htmx with Spring Boot and Thymeleaf](https://bootify.io/frontend/htmx-with-spring-boot-thymeleaf.html) 67 | - [Htmx error handling in Spring Boot apps](https://bootify.io/frontend/htmx-error-handling-in-spring-boot.html) 68 | - [A minimalist newsletter signup app with HTMX and Manifest](https://dev.to/bd_perez/a-minimalist-newsletter-signup-app-with-htmx-and-manifest-4lg6) 69 | - [Merry Cromas (Raku Advent post, Cro implementation of Fragments with HTMX Examples)](https://raku-advent.blog/2024/12/03/day-3-merry-cromas/) 70 | - [Little HTMX Book](https://littlehtmxbook.com/) 71 | - [Loading More with Less: Infinite Scrolling in Go and HTMX](https://wawand.co/blog/posts/infinite-scroll-with-go-and-htmx/) 72 | - [Creating Engaging User Experiences: Skeleton Loading with Go and HTMX](https://wawand.co/blog/posts/skeleton-loading-with-go-and-htmx/) 73 | - [Deploying a Go and Postgres Application using Koyeb](https://wawand.co/blog/posts/deploying-a-go-app-to-koyeb/) 74 | - [Deploying a Go and HTMX Application using Digital Ocean](https://wawand.co/blog/posts/go-htmx-and-do/) 75 | - [Deploying a Go and HTMX App on Render: A Technical Guide](https://wawand.co/blog/posts/go-htmx-and-render/) 76 | 77 | ## Tools 78 | 79 | - [Sprig](https://putyourlightson.com/plugins/sprig) - Craft CMS plugin. 80 | - [simpleui](https://whamtet.github.io/simpleui/) - Clojure backend helpers for htmx. 81 | - [django-htmx](https://github.com/adamchainz/django-htmx) - Django integration. 82 | - [django-js-lib-htmx](https://github.com/nonZero/django-js-lib-htmx) - Django package containing the htmx scripts. 83 | - [htmx-go](https://github.com/angelofallars/htmx-go) - Go integration compatible with `net/http`, prioritizing type safety. 84 | - [htmx-rails](https://github.com/rootstrap/htmx-rails) - Rails integration. 85 | - [htmx.net](https://github.com/khalidabuhakmeh/htmx.net) - ASP.NET Core integration (Htmx Extension Methods, TagHelpers, Htmx.Config) 86 | - [Giraffe.Htmx](https://github.com/bit-badger/Giraffe.Htmx) - Extensions for Giraffe to support development with htmx. 87 | - [htmx-spring-boot](https://github.com/wimdeblauwe/htmx-spring-boot) - Spring Boot support library for htmx 88 | - [IntelliJ htmx plugin](https://plugins.jetbrains.com/plugin/20588-htmx-support) 89 | - [codeigniter-htmx](https://github.com/michalsn/codeigniter-htmx) - CodeIgniter 4 framework integration. 90 | - [htmx-ext-shoelace](https://github.com/benopotamus/htmx-ext-shoelace) - An extension to make Shoelace elements work seamlessly with HTMX. 91 | - [laravel-htmx](https://github.com/mauricius/laravel-htmx) - Laravel integration for htmx. 92 | - [Hwy](https://hwy.dev) - Remix-inspired TypeScript metaframework using HTMX instead of React. 93 | - [DelphiMVCFramework](https://github.com/danieleteti/delphimvcframework) - DelphiMVCFramework integration support for htmx (class helper in MVCFramework.HTMX) 94 | - [elem-go](https://github.com/chasefleming/elem-go) - A Go library for building HTML with htmx. 95 | - [Mojolicious::Plugin::HTMX](Mojolicious::Plugin::HTMX) - An HTMX plugin for Mojolicious (a Perl web Framework) 96 | - [fasthx](https://volfpeter.github.io/fasthx/) - HTMX utility with decorator syntax for FastAPI that works with any templating engine (Jinja included). 97 | - [ludic](https://github.com/paveldedik/ludic) - Lightweight framework for building dynamic HTML pages in pure Python with HTMX. 98 | - [Bootify.io](https://bootify.io) - Create Spring Boot apps with Thymeleaf and htmx in the browser. 99 | - [HTMX for ⚡️ fiber](https://github.com/ZEISS/fiber-htmx) - 🔨Write HTML and HTMX applications in pure Go using ⚡️ fiber. And lot more ... 100 | - [swift-http-types-htmx](https://github.com/alephao/swift-http-types-htmx) - HTMX extensions for swift-http-types 101 | - [htmx-debugger](https://github.com/NomadicDaddy/htmx-debugger) - A Chrome extension for debugging and viewing htmx events and attributes 102 | - [htmx-lsp](https://github.com/ThePrimeagen/htmx-lsp) - Language Server Protocol for Neovim to supercharge HTMX development 103 | - [Clace](https://github.com/claceio/clace) - Hypermedia based internal tools for teams. Application server for containerized apps. 104 | - [CakePHP-htmx](https://github.com/zunnu/cake-htmx) - CakePHP integration for Htmx. 105 | - [The hArc Stack](https://harcstack.org) - Combining HTMX with raku Air, Red and Cro so that you can just build websites the right way™. 106 | 107 | ## Videos 108 | 109 | - [htmx in 100 seconds](https://www.youtube.com/watch?v=r-GSGH2RxJs) 110 | - [Why learn htmx?](https://www.youtube.com/watch?v=AOzy44b2gko) 111 | - [Rapid server side full stack web development with ViewComponents and htmx by Thomas Schuely](https://youtu.be/DPAtQU-erM4) 112 | - [Modern frontends with Thymeleaf and htmx by Wim Deblauwe](https://www.youtube.com/watch?v=POK4Zp1oRN8) 113 | - [DjangoCon Europe - David Guillot from Contexte - From React to htmx on a real-world SaaS product: we did it, and it's awesome!](https://www.youtube.com/watch?v=3GObi93tjZI) 114 | - [Carson Gross — Return To Hypermedia: Solving Javascript Fatigue Using Fundamental Web Architecture](https://www.youtube.com/watch?v=LRrrxQXWdhI) 115 | - [Dynamic Web Pages Without JavaScript? - Intro to HTMX](https://www.youtube.com/watch?v=CWSmP3LSILo) 116 | - [htmx: Writing JavaScript to Avoid Writing JavaScript, by Carson Gross](https://www.youtube.com/watch?v=u2rjnLJ1M98) 117 | - [Spring Boot + HTMX = Easy Full Stack](https://www.youtube.com/watch?v=38WAVRfxPxI) 118 | - [Simple, Fast Frontends With htmx](https://www.youtube.com/watch?v=cBfz4W_KvEI) 119 | - [Dynamic Django forms without writing any JavaScript](https://www.youtube.com/watch?v=414ONE1UbCA) 120 | - [HAT Stack: HTMX, AlpineJS Tailwind (SeaJUG Front End Java 2021)](https://www.youtube.com/watch?v=aGgWvwb5xUE) 121 | - [HTMX - Clean Dynamic HTML Pages Talk Python Live Stream](https://www.youtube.com/watch?v=4wjqsPtj2QY) 122 | - [Python Bytes 219: HTMX: Dynamic and live HTML without JavaScript - Live Stream](https://www.youtube.com/watch?v=LAdksPSd6ZA) 123 | - [Active Search UI Pattern with HTMX and FLASK](https://www.youtube.com/watch?v=lfKC5F7qzUQ&ab_channel=LuisCortes) 124 | - [HTMX for ZERO JavaScript Drop Down Depending on other Drop Down](https://www.youtube.com/watch?v=zYs42XcpHYI) 125 | - [Django and HTMX](https://www.youtube.com/playlist?list=PL-2EBeDYMIbRByZ8GXhcnQSuv2dog4JxY) 25 Videos 126 | - [Try Django 3.2 - Python Web Development Tutorial Series](https://www.youtube.com/playlist?list=PLEsfXFp6DpzRMby_cSoWTFw8zaMdTEXgL) HTMX content starts in video 65 127 | - [HTMX/hyperscript demo](https://www.youtube.com/watch?v=MQ0_yh_OhQY) 128 | - [HTMX/hyperscript demo with Transitions](https://www.youtube.com/watch?v=cubi-UChwh8) 129 | - [janet/joy/htmx/tailwind | Making a url shortener](https://www.youtube.com/watch?v=KM1ic4k6Has) 130 | - [janet/joy/htmx/tailwind | Making a twitter competitor](https://www.youtube.com/watch?v=6eFw3yXasB4) 131 | - [HTMX Crash Course | Dynamic Pages Without Writing Any JavaScript](https://www.youtube.com/watch?v=0UvA7zvwsmg) 132 | - [Modal forms with Django+HTMX](https://www.youtube.com/watch?v=3dyQigrEj8A) 133 | - [Toasts with Django+HTMX](https://www.youtube.com/watch?v=pAtrj8A-Kl4) 134 | - [Découverte de HTMX, pour faire de l'ajax sans JavaScript (French Tutorial)](https://www.youtube.com/watch?v=akPqAsZUGz0) 135 | - [From React To HTMX](https://www.youtube.com/watch?v=wIzwyyHolRs) 2023-08 The Primeagen 136 | 137 | ## Online Books 138 | 139 | - [ASP.NET Core Reimagined with htmx Book](https://aspnet-htmx.com/) 140 | 141 | ## Examples by Back-end 142 | 143 | ### ASP.net 144 | 145 | - [htmx-with-aspnet-core](https://github.com/jerriepelser-blog/htmx-with-aspnet-core) - Htmx with asp.net core. 146 | - [aspnet-core-htmx-example](https://github.com/mryderie/aspnet-core-htmx-example) - Demonstrates the use of htmx with ASP.NET Core Razor Pages to create a simple CRUD web application. 147 | 148 | ### Clojure 149 | 150 | - [babashka-htmx-todoapp](https://github.com/prestancedesign/babashka-htmx-todoapp) - Quick example of a todo list application using Babashka and htmx. 151 | - [panas.example](https://github.com/keychera/panas.example) - Implementation of all [htmx examples](https://htmx.org/examples/) using Babashka. 152 | - [contact.app-clj](https://github.com/rmrt1n/contact.app-clj) - Clojure implementation of the contact.app from the Hypermedia Systems book 153 | 154 | ### Common Lisp 155 | 156 | - [ccl-demo-raja](https://github.com/rajasegar/ccl-demo-raja) - A Common Lisp demo with htmx using Star wars API. 157 | - [cl-trello-clone](https://github.com/rajasegar/cl-trello-clone) - A small Trello clone built in Common Lisp 158 | - [cl-github-timeline](https://github.com/rajasegar/cl-github-timeline) Github timeline in Common Lisp, and [another example based on this one](https://github.com/vlcinsky/python-fastapi-github-timeline) using FastAPI. 159 | 160 | ### JavaScript 161 | 162 | - [Example todo app with the html.js framework](https://github.com/dctanner/htmljs-todo-example) - html.js is an elegent framework for hyper speed web apps. 163 | - [Primate HTMX module](https://primatejs.com/modules/htmx) - Polymorphic 164 | development platform with support for many frontends, including HTMX. 165 | 166 | ### Typescript 167 | 168 | - [TodoMVC App](https://github.com/syarul/htmx-todomvc) - TodoMVC App built with `Typescript`, `JSX`, `express`, `htmx` and `_hyperscript` deployed on vercel/netlify. 169 | 170 | ### AdonisJS 171 | 172 | - [TodoMVC App](https://github.com/syarul/todomvc-adonisjs-react-htmx-_hyperscript) - TodoMVC App built with `AdonisJS`, `htmx` and `_hyperscript` following the standard AdonisJS guidelines for server framework 173 | 174 | ### Express 175 | 176 | - [Geo Selector in htmx](https://github.com/rajasegar/htmx-geo-selector) - A Region, Sub-Region and Country selector based on user selections. 177 | - [todomvc-htmx](https://github.com/rajasegar/todomvc-htmx) - TodoMVC app implemented using htmx and hyperscript. 178 | - [hx-swap-demo](https://github.com/rajasegar/hx-swap-demo) - A demo app to showcase different attribute values of hx-swap in htmx. 179 | - [htmx-twitter-clone](https://github.com/rajasegar/htmx-twitter-clone) - A Twitter clone built using htmx. 180 | - [super-rentals-htmx](https://github.com/rajasegar/super-rentals-htmx) - A Rentals Listing demo app built with htmx. 181 | - [htmx-github-search](https://github.com/rajasegar/htmx-github-search) - A GitHub Profile search component built using htmx. 182 | - [todo-htmx](https://github.com/rajasegar/todo-htmx) - A simple Todo list with Express and htmx. 183 | - [htmx-calendar](https://github.com/rajasegar/htmx-calendar) - Calendar component in htmx. 184 | - [htmx-tabular](https://github.com/rajasegar/htmx-tabular) - Tabular data with htmx. 185 | - [htmbox](https://github.com/rajasegar/htmx-dropbox) - A Dropbox clone in htmx. 186 | - [htmx-notes](https://github.com/rajasegar/htmx-notes) - A Note-taking app using Markdown inspired by React Server Components demo. 187 | 188 | ### Rust 189 | 190 | - [TodoMVC App](https://github.com/syarul/todomvc-rust-astra-maud-htmx-_hyperscript) - 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. 191 | 192 | ### Go 193 | 194 | - [pagoda](https://github.com/mikestefanello/pagoda) - Rapid, easy full-stack web development starter kit in Go with HTMX support and examples. 195 | - [Pushup](https://github.com/adhocteam/pushup) - A server-side, page-oriented web framework for the Go programming language. 196 | - [Simple Counter App](https://github.com/chasefleming/elem-go/tree/main/examples/htmx-fiber-counter) - A simple counter app built with `htmx`, `elem-go`, and `Go Fiber`. 197 | - [Todo App](https://github.com/chasefleming/elem-go/tree/main/examples/htmx-fiber-todo) - A todo app built with `htmx`, `elem-go`, and `Go Fiber`. 198 | - [Realtime Todo App](https://github.com/gobijan/go-htmx-todo) - This is a Go Todo App using WebSockets, HTMX, and DOM-Morphing. 199 | - [TodoMVC App](https://github.com/syarul/todomvc-go-templ-htmx-_hyperscript) - TodoMVC App built with `Go`, `templ`, `htmx` and `_hyperscript`. 200 | - [GO HTMX](https://github.com/donseba/go-htmx) - Seamless HTMX Integration for Go Applications. 201 | - [Probe](https://github.com/michaeljsaenz/probe) - Probe is a Go web app with an HTMX-enhanced UI for interacting with Kubernetes clusters and performing network diagnostics. 202 | 203 | ### Java 204 | 205 | - [TodoWebflux Spring Boot HTMX demo](https://github.com/dsyer/todowebflux) 206 | - [Spring Boot HTMX integration](https://github.com/odrotbohm/spring-playground/tree/main/htmx-spring-boot) 207 | - [Spring-Boot HTMX](https://github.com/wiverson/htmx-demo) 208 | - [Frisson: Easy, Powerful Full Stack with Spring Boot and HTMX](https://github.com/ChangeNode/frisson) 209 | - [java-htmx-todo](https://github.com/AussieGuy0/java-htmx-todo) - Todo app using Javalin, htmx and j2html. 210 | 211 | ### Kotlin 212 | 213 | - [todo-hda-kt](https://github.com/corlaez/todo-hda-kt) - TodoApp as a Hypermedia Driven App with parallel browser tests 214 | - [htmx-ktor](https://github.com/Rattlyy/htmx-ktor) - Fullstack CRUD app example made with Ktor (Backend), kotlin.html (Templates), SimpleCSS (Styling), PostgreSQL (DB), Docker (Deployment) 215 | 216 | ### Python-based (Django, FastAPI, Flask) 217 | 218 | - [awesome-python-htmx](https://github.com/PyHAT-stack/awesome-python-htmx) - Awesome list for htmx specific to the Python ecosystem. 219 | - [Flask HTMLX Material Kit](https://github.com/app-generator/sample-flask-htmlx-mkit) - Simple starter powered by `Flask`, `HTMLX` and `Bootstrap 5` 220 | - [Django HTMLX Material Kit](https://github.com/app-generator/sample-django-htmlx-mkit) - Simple starter powered by `Django`, `HTMLX` and `Bootstrap 5` 221 | - [flask-htmx-boilerplate](https://github.com/marcusschiesser/flask-htmx-boilerplate) - Boilerplate template for a Python Flask application with HTMX and Tailwind CSS 222 | - [django-htmx example app](https://github.com/adamchainz/django-htmx/tree/main/example) - Example Django app showing a few patterns. 223 | - [django-htmx-fun](https://github.com/guettli/django-htmx-fun) - A small Django application to advertise the fun htmx can bring you. 224 | - [django-htmx-todo](https://github.com/jaredlockhart/django-htmx-todo) 225 | - [django-htmx-todo-list](https://github.com/OmenApps/django-htmx-todo-list) - Expands on django-htmx-todo to add task creation, editing, and deletion using FBVs. 226 | - [owela-club](https://github.com/adamchainz/owela-club) - Play the Namibian game of Owela against a terrible AI. Built using Django and htmx. 227 | - [django-htmx-alpine](https://github.com/arcanemachine/django-htmx-alpine/) - Basic todo list with Django, HTMX, and Alpine. Features a [live demonstration](https://django-htmx-alpine.nicholasmoen.com/). 228 | - [dj_pug_htmx_example](https://github.com/katsko/dj_pug_htmx_example) - HTMX, Pug, and Django experiments 229 | - [Lexicon App](https://github.com/jgirardet/djlexique) - Lexicon app using django3.2, htmx, hyperscript. 230 | - [htmxflask](https://github.com/cscortes/htmxflask) - All the HTMX samples redone using a flask server. 231 | - [htmx and SSE with FastAPI](https://github.com/vlcinsky/fastapi-sse-htmx) - FastAPI based web app sending Server Sent Events to frontend app created with htmx. 232 | - [fast-htmx](https://github.com/marty331/fasthtmx) - 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. 233 | - [Flask-Sock HTMX](https://github.com/paluigi/flask-htmx) - Very short example combining HTMX with [Flask-Sock](https://flask-sock.readthedocs.io/en/latest/) for self-updating webpages with minimal dependencies. 234 | - [django-tailwind-alpine-htmx](https://github.com/AccordBox/django-tailwind-alpine-htmx) A simple Task app built with Django, Tailwind CSS, Alpine.js and HTMX 235 | - [flask-htmx-tailwind](https://github.com/testdrivenio/flask-htmx-tailwind) - Rapid Prototyping with Flask, htmx, and Tailwind CSS 236 | - [Modal forms with Django+HTMX](https://github.com/bblanchon/django-htmx-modal-form) - A sample project to demonstrates how to show a Django Form in a modal dialog box using HTMX. 237 | - [fastapi-htmx-tailwind-example](https://github.com/volfpeter/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. 238 | 239 | ### Ruby 240 | 241 | - [sinatara-htmx](https://github.com/johnthethird/sinatra-htmx) - Example of a Sinatra app using HTMX for implementing an interactive search 242 | - [pokebutt-htmx](https://github.com/beechnut/pokebutt-htmx) - Pokebutt clone using htmx. 243 | - [htmx-todo-app](https://github.com/libsyz/htmx-to-do-app) - A little to-do app and a short demo of htmx built with Sinatra. 244 | 245 | ### PHP 246 | 247 | - [codeigniter-htmx-demo](https://github.com/michalsn/codeigniter-htmx-demo) - A CodeIgniter 4 examples include inline and modal edits, events, searching, pagination, and sorting. 248 | - [laravel-htmx-todolist](https://github.com/gabrielrbarbosa/laravel-htmx-todolist) - Laravel Todo List app demo for laravel-htmx 249 | - [laravel-htmx-crud](https://github.com/hmshafeeq/larvel-htmx-crud) Laravel contacts CRUD app, made reactive with HTMX. 250 | 251 | ### Delphi 252 | 253 | - [dmvcframework-todo-app](https://github.com/danieleteti/delphi-dmvcframework-htmx-todo) - DelphiMVCFramework to-do app with HTMX and TemplatePro templates 254 | 255 | ### Zig 256 | 257 | - [zig-htmx](https://github.com/hendriknielaender/zig-htmx) - Example chat app written in zig + htmx (websockets). 258 | - [zig-htmx-tailwind-example](https://github.com/dgv/zig-htmx-tailwind-example) - CRUD app written in Zig + HTMX + Tailwind CSS. 259 | 260 | ### Lua 261 | 262 | - [TodoMVC App](https://github.com/syarul/todomvc-lua-luasocket-htmx-_hyperscript) - TodoMVC App built with `Lua`, `Luasocket`, `HTMX` and `_hyperscript`. Lua is fast and lightweight where virtually map very close to C. 263 | 264 | ### PowerShell 265 | 266 | - [podex](https://github.com/adminware/podex) - Podex - a framework for building full-stack web applications using PowerShell/Pode for the backend and htmx for the frontend. 267 | 268 | ### YAML 269 | 270 | - [demo-htmx-manifest](https://github.com/brunobuddy/demo-htmx-manifest) - Newsletter signup app with Manifest + HTMX. 271 | 272 | ### Other 273 | 274 | - [declswiplweb](https://github.com/Anniepoo/declswiplweb) - End to end declarative web programming with no JS using htmx and SWI-Prolog. 275 | - [htmx-modal-example](https://github.com/benpate/htmx-modal-example) - An experiment to work design modal dialogs in HTMX. 276 | - [quarkus-htmx-todos](https://github.com/derkoe/quarkus-htmx-todos) - Todo App in Quarkus with htmx. 277 | - [htmx-ai](https://github.com/bufferhead-code/htmx-ai) - Use ChatGPT Code Generation as a Backend for HTMX 278 | 279 | ## Podcasts 280 | 281 | - [Python Bytes: HTMX - Dynamic and live HTML without JavaScript](https://pythonbytes.fm/episodes/show/219/htmx-dynamic-and-live-html-without-javascript) - Podcast about HTMX in the Python news. 282 | - [Talk Python: HTMX - Clean, Dynamic HTML Pages](https://talkpython.fm/episodes/show/321/htmx-clean-dynamic-html-pages) 283 | - [Dynamic HTML with htmx](https://devmode.fm/episodes/dynamic-html-with-htmx) - Devmode.fm episode about htmx. 284 | - [htmX](https://www.listennotes.com/podcasts/programmers-quickie/htmx-AwxIkj8mcQf/) - Podcast about htmx in Programmers quickie. 285 | - [Less JavaScript more HTMX](https://changelog.com/jsparty/171) - JSParty Episode about htmx with Carson. 286 | - [JavaScript right in HTML?](https://podcast.htmlallthethings.com/e/javascript-right-in-html-htmx-w-carson/) - HTMLallthethings episode with Carson. 287 | - [Django Chat: htmx - Carson Gross](https://djangochat.com/episodes/htmx-carson-gross) 288 | - [HTML All The Things - HTMX, Hyperscript, and More!](https://www.htmlallthethings.com/blog-posts/htmx-hyperscript-and-more) 289 | - [.NET Rocks! - htmx with Carson Gross](https://www.dotnetrocks.com/?show=1749) - An overview of htmx, and a discussion from a .NET perspective 290 | - [Syntax.fm #726 - Is HTMX a Joke?](https://syntax.fm/show/726/is-htmx-a-joke) "A JS library that lets you swap out parts of the user interface with a response from a server" - Scott Tolinski 291 | - [Syntax.fm #734 - HTMX Web Apps with Carson Gross](https://syntax.fm/show/734/htmx-web-apps-with-carson-gross) 2024-02-23 292 | --------------------------------------------------------------------------------