https://github.com/yarlson/htmx-example
https://github.com/yarlson/htmx-example
example html htmx no-js no-jsx nobuild
Last synced: 11 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/yarlson/htmx-example
- Owner: yarlson
- Created: 2024-01-30T12:01:26.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-30T12:45:54.000Z (about 2 years ago)
- Last Synced: 2024-04-17T18:05:27.136Z (almost 2 years ago)
- Topics: example, html, htmx, no-js, no-jsx, nobuild
- Language: HTML
- Homepage:
- Size: 4.88 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# HTMX Modal Popup Example
## What This Is
This repo is a straight-to-the-point demonstration of a modal popup using HTMX. Why? Because sometimes the best way to make a point is to just show it.
## The Files
- **index.html:** Your usual webpage with a button. Nothing fancy.
- **registration.html:** A popup form. Still, no JavaScript in sight.
- **button.html:** A button to close the popup. Again, no JavaScript.
## How It Works
We're using HTMX here. Click the button on the main page, and voilà, a modal popup appears without a single line of JavaScript. Close it, open it — all smooth, all HTMX.
## Live Demo
If you want to see it in action without cloning and running it yourself, here's the link: [https://yarlson.github.io/htmx-example/](https://yarlson.github.io/htmx-example/).
## A Note on HTMX
HTMX? It's just HTML on steroids. No need to wrestle with npm, Webpack, or 15 levels of dependencies just to make a button do something on a webpage.