UI Templ Examples
Below are a set of UX patterns implemented in htmx with minimal HTML and styling.
These are ported from the htmx examples and are intended showcase the use of hx when building HTMX applications.
You can copy and paste them and then adjust them for your needs.
| Pattern | Description |
|---|---|
| Click to Edit | Demonstrates inline editing of a data object |
| Bulk Update | Demonstrates bulk updating of multiple rows of data |
| Active Search | Demonstrates the active search box pattern |
| Progress Bar | Demonstrates a job-runner like progress bar |
| Class Tools | Demo of class-tools options |
| Server-Sent Events | Streaming responses with the SSE HTMX Extension |
| Keyboard Shortcuts | Demonstrates how to create keyboard shortcuts for htmx enabled elements |