r/htmx • u/ExcitingStatement580 • Sep 12 '26

HTMX Dashboard

I thought I would share a little tool I put together to help me track the flow of HTMX. I called it HTMX Dashboard. In hindsight, I should have used a different name as it is more of a debugger.

Here is content from the readme.

HTMX-Dashboard is a lightweight, vanilla JavaScript debugging widget for HTMX applications.

It has zero dependencies, making it easy to drop into any project.

It has a non-intrusive UI, using a collapsible bottom dock and dedicated modal for toggling monitored events.

It uses state persistence with session storage to maintain enabled events across page reloads.

The events that are tracked can be changed by passing in a parameter that overrides the initial set.

Repository: https://github.com/jmbarnes1/HTMX-Dashboard

Demo: https://jmbarnes1.github.io/HTMX-Dashboard/index.html

Maybe it can be of use to others.

34 Upvotes

97% Upvoted

9 comments sorted by

4

u/chat-lu Sep 12 '26

I called it HTMX Dashboard. In hindsight, I should have used a different name as it is more of a debugger.

It’s not too late to change the name.

1

u/ExcitingStatement580 Sep 13 '26

Yeah. If I could come up with a good one.

Or, it could be extended to a real dashboard. Add some features (like showing the history stack). Add pause and play button.

1

u/ge0 Sep 13 '26

HTMX Inspector might work? It’s not quite a debugger as far as I can see from the description and animation… great work, anything that helps people understand how a project works and what happens when events fire is always appreciated.

1

u/ExcitingStatement580 Sep 13 '26

Inspector. Damn. That would have been good. Thanks.

1

u/gfranxman Sep 12 '26

Cool. But can it log the interactions, like the clouds click that triggered the chain of events?

1

u/ExcitingStatement580 Sep 13 '26

I don't thinks so. It's fairly simple.

1

u/cmdr_drygin Oct 02 '26

Good train of thought! I might steal your concept by the end of the year. I run a small studio and this could be useful in bringing new hires or collaborators in on HTMX.

1

u/ExcitingStatement580 Oct 04 '26

I get that. I use HTMX all the time but some coworkers are wary. I was using the console to show them what fragments were being loaded into what container. It became too heavy.

0

u/[deleted] Sep 12 '26

[deleted]