Best of HTMX — 2025

  1. 1
    Article
    Avatar of hnHacker News·22w

    Please Just Fucking Try HTMX

    HTMX offers a middle ground between raw HTML limitations and JavaScript framework complexity. By adding HTML attributes that trigger server requests and swap in HTML responses, you can build interactive web applications without the overhead of React, Vue, or Angular. A case study shows a company reduced their codebase by 67%, cut JavaScript by 90%, and improved performance by switching from React to HTMX. The approach works best for typical CRUD applications, dashboards, and forms rather than highly interactive apps like Google Docs. The core benefit is simplicity: no build tools, no state management libraries, just HTML attributes and server-side rendering.

  2. 2
    Article
    Avatar of newstackThe New Stack·46w

    Why React Is No Longer the Undisputed Champion of JavaScript

    React's dominance in frontend development is being challenged by modern browsers, HTML-first frameworks, and developer preferences for simpler solutions. While React remains popular, alternatives like Astro, HTMX, and native DOM APIs are gaining traction by offering lighter, faster approaches. React Server Components represent React's attempt to adapt, but add complexity. The shift represents a move from React-by-default to choosing the right tool for each project, marking a post-React era of diversified frontend tooling.

  3. 3
    Article
    Avatar of swizecswizec.com·40w

    HTMX – Server Components without React

    HTMX provides server-side component functionality similar to React Server Components but works with any backend technology. It uses HTML attributes to handle dynamic interactions, form submissions, and component updates without requiring JavaScript frameworks or server rewrites. The approach is particularly useful for admin interfaces and CRUD applications where you need light interactivity while maintaining server-side rendering. HTMX enables composable UI development by breaking monolithic pages into independent, self-contained components that communicate through HTTP and DOM events.

  4. 4
    Article
    Avatar of awegoAwesome Go·1y

    My 6 months with the GoTH stack: building front-ends with Go, HTML and a little duct tape

    The GoTH stack combines Go, Templ, Tailwind, and HTMX to create an efficient front-end development experience. The author highlights their positive experiences with the stack over six months, noting the benefits of reusable components, easy HTML integration, and server-side rendering with AJAX. While there are some challenges, such as error handling and live updates, the overall experience was favorable. The stack simplifies development by reducing multi-language complexity and offers robust tooling and documentation.

  5. 5
    Video
    Avatar of primeagenThePrimeTime·1y

    A Different Approach To Frontend

    The post suggests that a negative perception of front-end development may stem from a specific design philosophy. It encourages trying out web components, possibly with a bit of bus and HTMX, to rediscover an enjoyment in front-end projects. The author posits that mixing traditional and modern techniques could make front-end development more enjoyable.

  6. 6
    Article
    Avatar of htmxhtmx·1y

    > htmx ~ A Real World wasm to htmx Port

    The author shares their experience of rewriting Sidekick, a customer service software, from a complex Rust and WASM-based architecture to a simpler HTMX-based system. This change significantly improved load times and made it easier to add new features, which is crucial for their startup. The rewrite process took about three weeks and led to a more maintainable and efficient codebase.

  7. 7
    Video
    Avatar of dreamsofcodeDreams of Code·52w

    Everything that I like, dislike, and plan to change in my tech stack.

    The author reflects on their current tech stack choices for a course web application, opting to use Go, Temple, HTMX, and AlpineJS instead of their usual stack that includes React and Next.js. They discuss the benefits and drawbacks of each technology, such as Go's efficiency, Temple's immaturity in developer tooling, and the complexities of using AlpineJS and HTMX. They also touch on third-party integrations like SQL C, Clarke for authentication, and Stripe for payments, alongside their plans for future changes, including evaluating Alpine Ajax as an alternative to HTMX and considering different payment and email solutions.

  8. 8
    Article
    Avatar of medium_jsMedium·48w

    10 Libraries for Django projects

    A curated list of 10 modern Python libraries that enhance Django development, including Python Dotenv for environment management, Django Ninja as an alternative to DRF, Pydantic for form validation, Python Social Auth for authentication, Pika for message queuing, HTMX for reactive frontends, Django Templates Partial and Django Cotton for better templating, Faker for test data generation, and Python Systemd for logging. The author emphasizes choosing more Pythonic libraries over traditional Django-specific solutions.

  9. 9
    Article
    Avatar of swizecswizec.com·33w

    React, HTMX, and TanStack/Start

    Modern UI frameworks are shifting away from JSON APIs toward server-rendered markup. React Server Components, HTMX, Hotwire, Remix's iframe approach, and TanStack's SPA-on-SSR model all embrace this pattern. HTMX works well for modernizing legacy Jinja+jQuery UIs through incremental rewrites, React Islands handle highly interactive components, and TanStack delivers interactive experiences with fast initial paint. This architectural shift represents a return to hyper-text transfer while maintaining modern interactivity.

  10. 10
    Article
    Avatar of communityCommunity Picks·1y

    Problems I no longer have by using Server-side rendering

    Server-side rendering (SSR) offers significant advantages over single-page applications (SPAs) by alleviating issues such as versioning complications, duplicated validation logic, and complex state management. SSR ensures that the most recent version of the application is always served to the user, reduces the need for detailed REST API documentation, and minimizes the need for complex frontend frameworks. It also simplifies role-based access and multilingual support. Tools like htmx can enhance server-rendered applications incrementally, providing the benefits of both server and client-side processing without the inherent complexity of SPAs.

  11. 11
    Article
    Avatar of hnHacker News·32w

    Greedy Developer?

    Datastar's creators address community concerns about their v1 release and Pro offering. The core library remains MIT-licensed and free, while Pro bundles convenience plugins, developer tools, and CSS framework as optional paid additions. The team clarifies that all Pro functionality can be replicated using the free version and standard APIs, emphasizing they've set a support boundary rather than paywalling essential features. Pro is positioned as a one-time lifetime purchase supporting the nonprofit-stewarded project.

  12. 12
    Video
    Avatar of awesome-codingAwesome·34w

    The simplest tech stack

    A demonstration of building a stock monitoring app using a simplified tech stack consisting of Bun runtime, Astro for server-side rendering, HTMX for dynamic interactions, Alpine.js for UI behavior, and MongoDB for data persistence. The approach emphasizes reducing complexity and JavaScript bloat while maintaining functionality, showcasing how modern web development can be simpler than current industry trends suggest.

  13. 13
    Article
    Avatar of hnHacker News·35w

    MESH: I tried HTMX, then ditched it

    A developer explores HTMX for HTML-first web development but finds it lacks the structure of SPA frameworks. They create MESH, a framework that combines server-side rendering with web components using a "one component = one endpoint" principle. The project demonstrates building interactive features like drag-and-drop and real-time collaboration, ultimately replacing HTMX with custom JavaScript while maintaining the benefits of modular SSR.

  14. 14
    Video
    Avatar of t3dotggTheo - t3․gg·1y

    The Future of HTMX

    HTMX is an exciting project aimed at simplifying web development by enhancing the usability of HTML without adding unnecessary complexity. Inspired by jQuery, it allows developers to create dynamic web applications without relying heavily on JavaScript. HTMX is designed to let developers easily swap out parts of a web page without reloading the whole page, enhancing user experience while keeping the development process streamlined. This approach is also highly stable and aims to be backward-compatible, ensuring long-term reliability and ease of use.

  15. 15
    Article
    Avatar of collectionsCollections·28w

    Announcing htmx 4.0: Embracing the Fetch API and Modern Enhancements

    htmx 4.0 transitions from XMLHttpRequest to the modern fetch() API, introducing explicit attribute inheritance with the :inherited modifier, native streaming support, and idiomorph integration for DOM morphing. The release simplifies history management by removing localStorage-based snapshots, enhances the event system with improved hx-on scripting, and adds support for partial elements and view transitions with queuing. An alpha version is currently available with a stable release planned for early 2027, while version 2.0 will continue to receive indefinite support.

  16. 16
    Article
    Avatar of collectionsCollections·50w

    Building 'Architect': A Laravel and HTMX Integration Course

    A comprehensive guide to building an interactive novel outlining application called 'Architect' using Laravel and HTMX. The tutorial covers setting up a Laravel environment, creating CRUD operations, enhancing user interactions with HTMX attributes for dynamic content loading, and implementing Laravel Blade fragments for efficient partial content rendering. The approach emphasizes progressive enhancement, ensuring the application works with or without JavaScript while providing a modern interactive experience.

  17. 17
    Article
    Avatar of htmxhtmx·1y

    > htmx ~ Alternatives to htmx

    Several libraries and frameworks adopt a hypermedia-oriented approach to building web applications, similar to htmx. Noteworthy alternatives include Unpoly, Datastar, Alpine AJAX, Turbo, htmz, and jQuery. Each offers unique features for enhancing front-end development, with Unpoly and Turbo being heavily used in the Ruby community, and Datastar providing an SSE-oriented approach. Developers should explore these options to find the best fit for their needs and consider supporting open-source projects on GitHub.

  18. 18
    Article
    Avatar of lobstersLobsters·22w

    Please Just Fucking Try HTMX

    HTMX offers a middle ground between raw HTML limitations and JavaScript framework complexity. By adding HTML attributes that trigger server requests and swap in HTML responses, you can build interactive web apps without bundlers, state management, or massive dependencies. A case study shows a company reduced their codebase by 67% and improved performance by switching from React to HTMX. The approach works best for typical CRUD apps, dashboards, and forms—not highly interactive applications like Google Docs. The core idea: let the server return HTML fragments and use hypermedia architecture as originally intended.

  19. 19
    Article
    Avatar of mtlynchMichael Lynch·1y

    My Seventh Year as a Bootstrapped Founder

    After seven years as an indie founder, the author reflects on the past year, including selling their company TinyPilot, becoming a parent, and working on new educational products. The sale of TinyPilot was driven by the need for a balance between work and family life. The author also explores new technologies like Nix, htmx, and Zig, sharing insights on their benefits and challenges. They enjoy the flexibility of being an indie founder and have set new goals for the coming year, including earning $50k in profit, publishing a course or book, and learning a new programming language.

  20. 20
    Article
    Avatar of webdevelopementWeb Developement·1y

    htmx high power tools for HTML

    htmx provides access to AJAX, CSS Transitions, WebSockets, and Server Sent Events directly in HTML through attributes. It enables the creation of modern user interfaces with simplicity, is small (around 14k minified and gzipped), dependency-free, extendable, and has significantly reduced code base sizes compared to React.

  21. 21
    Article
    Avatar of lobstersLobsters·44w

    Why you should choose HTMX for your next web-based side project - and ditch the crufty MPA and complex SPA

    HTMX offers a middle ground between traditional Multi-Page Apps (MPAs) and complex Single-Page Apps (SPAs) by extending HTML to support partial page reloads. This approach allows developers to create modern web experiences with the simplicity of MPAs while avoiding the complexity and overhead of SPAs. For side projects where time and budget constraints are critical, HTMX provides an efficient way to build interactive web applications without the steep learning curve and infrastructure requirements of modern JavaScript frameworks.

  22. 22
    Article
    Avatar of jetbrainsJetBrains·48w

    Ktor 3.2.0 Is Now Available

    Ktor 3.2.0 introduces significant new features including dependency injection module, HTMX integration, typed configuration deserialization, Unix domain socket support for CIO engine, and Gradle version catalog support. The release also adds suspend modules for asynchronous initialization and improved integration with existing DI frameworks like Koin. Notable improvements include automatic configuration file deserialization into data classes and enhanced HTML attribute handling for HTMX applications.

  23. 23
    Article
    Avatar of tigrisTigris·33w

    How we make Ty

    Tigris Data uses AI-generated illustrations featuring their mascot Ty the tiger for blog post cover images. The creative process involves distilling a post's key insight into visual concepts, then iteratively refining prompts with GPT-4's image generation model. To streamline this workflow, they built Tygen, an open-source tool using Go, HTMX, OpenAI API, and Postgres that automates image generation and stores outputs in Tigris object storage.

See all HTMX archives