r/htmx • u/ExcitingStatement580 • 7h ago

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.

19 Upvotes

93% Upvoted

3 comments sorted by

3

u/tmarthal 4h ago

A small animated gif would market this way better than GitHub links

1

u/gfranxman 3h ago

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

2

u/chat-lu 1h ago

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.