Htmx Examle page image

HTMX Example Page

What’s HTMX

HTMX is an HTML variant that can dynamicaly update your web pages without the need coding javascript simply by using some special html attributes.

HTMX Button Example



Get the site robots.txt

Get the sitemap.xml

JSON Ajax data retrieval

Using data from here: https://github.com/fawazahmed0/exchange-api the form below will give up to date currency exchange rates with the US Dollar.

The form retrieves the data from this json api: https://latest.currency-api.pages.dev/v1/currencies/usd.json Grabbing only the relavant data.

This JSON based problem required some special code via a python based Google Cloud Function to over come some of HTMX’s json limitations. See the code in the the file htmx-get-json-cloud-function.py.

HTMX Form Example

HTMX Update Response