DOCSEARCHbyAlgolia
Submit Docs

awesome-htmx

repository·main·Indexed 25 days ago

https://github.com/rajasegar/awesome-htmx

A curated list of resources for htmx, including official links, blog posts, video tutorials, and tools. It features extensive implementation examples across various backends such as Django, ASP.NET Core, Laravel, Go, Spring Boot, FastAPI, Rust, Java, Kotlin, Ruby, and PHP, as well as IDE plugins and debugging tools like htmx-debugger.

Tokens
3.1K
Snippets
0
Records
12
Agent score
31%

What's inside awesome-htmx

  2. Explore htmx blog posts and tutorials

    main

    A wide variety of tutorials and articles are available covering different backend integrations and use cases, such as:

    • Django: Creating ChatGPT clones, instant database search, infinite scroll, and handling forms/file uploads.
    • ASP.NET Core: Integration, anti-forgery tokens, and swapping techniques.
    • Laravel: Getting started and implementing table sorting/pagination.
    • Go: Building counter apps, infinite scrolling, and skeleton loading.
    • General Patterns: Handling JSON API results, lazy loading form fields in Rails, and creating components (counters, flight bookers) without JavaScript.

  4. Learn htmx through video tutorials

    main

    The following video resources provide conceptual overviews, crash courses, and specific implementation patterns for htmx:

    General Overviews & Concepts

    Framework-Specific Implementations

    UI Patterns & Advanced Usage

  5. HTMX Examples for Rust and Go

    main

    Explore implementation examples of HTMX using the following systems languages:

    Rust

    • TodoMVC App (Rust, Astra, maud, HTMX, and _hyperscript)

    Go

  6. HTMX Examples for Python (Django, FastAPI, Flask)

    main

  8. HTMX Examples for Ruby, PHP, and Other Languages

    main

    Explore implementation examples of HTMX using the following languages:

    Ruby

    PHP

    Zig, Lua, and Others

  9. HTMX Examples for JavaScript, TypeScript, AdonisJS, and Express

    main

    Explore implementation examples of HTMX using the following JavaScript-based technologies:

    JavaScript & TypeScript

    AdonisJS

    Express

  11. Find htmx tools and integrations

    main

    Various tools and framework-specific integrations are available to enhance htmx development:

    Framework Integrations

    • Django: django-htmx (integration), django-js-lib-htmx (scripts).
    • Go: htmx-go (net/http compatible), elem-go (HTML building), fiber-htmx (middleware for Fiber).
    • ASP.NET Core: htmx.net (Extension Methods, TagHelpers, Htmx.Config).
    • Rails: htmx-rails.
    • Spring Boot: htmx-spring-boot.
    • Laravel: laravel-htmx.
    • FastAPI: fasthx (decorator syntax).
    • Other: codeigniter-htmx (CodeIgniter 4), CakePHP-htmx (CakePHP), Mojolicious::Plugin::HTMX (Perl).

    Development Tools

    • IDE/Editor Support: IntelliJ htmx plugin, htmx-lsp (Neovim/LSP).
    • Debugging: htmx-debugger (Chrome extension).
    • Meta-frameworks: Hwy (TypeScript metaframework inspired by Remix).

  12. Explore HTMX podcasts

    main

    The following podcasts cover HTMX from various perspectives, including Python, .NET, and general web development discussions featuring HTMX creator Carson Gross: