DEV Community

I replaced the HTMX in the project to this module🔥

Anthony Max on June 05, 2025

TL;DR I already wrote an article on how this module can be used to replace Next.js, but it was more of a light version in some cases. N...

Read full post

Dotallio • Jun 6

Love this deep dive into how much more flexibility HMPL offers on request customization compared to HTMX.

Curious if there are still any scenarios where you'd reach for HTMX over HMPL, or have you fully switched?

Anthony Max • Jun 6

When size is the only thing that matters, otherwise I choose HMPL

Nevo David • Jun 6

pretty cool seeing your breakdown, makes me rethink if i’m sticking with my stack out of laziness or actual need - you ever feel like it’s just habit that keeps you on one tool for ages?

Anthony Max • Jun 6

Yes

Comment deleted

Anthony Max • Jun 5

Well, I just wrote an article about this.

Parag Nandy Roy • Jun 10

Loved the alternative..

hhvdblom • Jun 10

Like the styling from HTMX. Like the KISS convention from HTMX. Like the HTML approach from HTMX. So Hmpl is not for me.

Anthony Max • Jun 10

Well, here it depends on what someone needs in the task - yes. But, it does not cancel the fact that with HTMX you will not be able to customize the request normally.

Anthony Max • Jun 5

I think this is a great replacement.

Nikoloz Turazashvili (@axrisi) • Jun 6

Overview: The discussion emphasizes HMPL as a viable replacement for HTMX in web development, providing similar functionalities while being more customizable.
Modules Comparison
- Both HTMX and HMPL work with HTML from the server
- Similar concept but different implementations
- HTMX is minimalistic, while HMPL offers more customization
Simple Clicker Example
- HTMX Implementation: A basic counter with limited settings
  - Uses XMLHTTPRequest for request handling
  - Limited customization options
- HMPL Implementation: Compiles a similar clicker using JavaScript
  - Allows greater flexibility in request handling
Key Problems Identified
- HTMX
  - Minimal JavaScript dependency makes customization difficult
  - Requests are sent using a 25-year-old XMLHTTPRequest standard
- HMPL
  - Utilizes customizable fetch for modern JavaScript features
Complex Form Example
- HTMX: Form submissions with basic functionality
  - Uses hx-include to include form data
- HMPL: Replicates form behavior with enhanced request customization
  - Capable of modifying requests by extracting form data.
Size Comparison
- HTMX leads in application size efficiency
  - Smaller application sizes when using minimal settings
- HMPL shows decent dimensionality compared to alternatives.
Conclusion
- Users can still opt for HTMX, but HMPL offers an alternative for those needing more functionality.
- The choice depends on the complexity of the application and the specific needs of the developer.

made with love by axrisi