htmx real saas app

Hey guys

Our Saas app is built with ASP.Net MVC, a mixture of MVC, JQuery, vanilla JS, and whatever else was needed during development.

We are working with a UI/UX expert to redesign our app completely, and we are looking to use an HTMX as we don't see the value in a SPA.

60% of our app is tabs, tables, and forms; the rest is dashboards (currently using Metabase Embed), but we will use a js chart library.

In general, It looks like HTMX is the perfect solution for us, but we are yet to find a solution for:

  1. Navigation URL—When the user switches tabs, we want the URL to change so that if someone shares the URL, he will land on the selected tab.
  2. Interactive reports: Our dashboard filter changes as the user clicks on a report value. Ideally, the click will change the navigation URL, triggering the dashboard.
  3. Cascade selects - we have 3-4 related select. When the user changes one, the rest are changed accordingly. This can be done by pure HTMX, but I'm worried about DOM rendering performance as we need to run server-side search data in the select. Currently, we use select2, where the DOM is rendered once the URL changes according to the parent-selected value.

What we are missing the most is a live, real-world demo app with all the everyday use cases that I'm sure we are not the first to encounter.

We also want to use a UI component library instead of building one from scratch. On react they have MUI. What UI component library are you using?