https://github.com/fliepeltje/htmxxx
https://github.com/fliepeltje/htmxxx
framework htmx meme minimalistic
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/fliepeltje/htmxxx
- Owner: fliepeltje
- License: mit
- Created: 2024-06-06T09:59:40.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-24T11:11:40.000Z (about 1 year ago)
- Last Synced: 2025-04-08T06:19:36.487Z (6 months ago)
- Topics: framework, htmx, meme, minimalistic
- Language: JavaScript
- Homepage: https://htmxxx.fly.dev/
- Size: 19.5 KB
- Stars: 10
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# Htmxxx: htmx but sexier
`htmxxx` comprises just 2 attributes for you to learn.
all this is implemented in 2 functions.
it is 941 bytes minified - that's ~14x smaller than `htmx` min/gzip'd.
a truly lean framework for interactivity that exposes just enough.
[Repository](https://github.com/fliepeltje/htmxxx) & [demo](https://demo-htmxxx.fly.dev/)
## Usage
Make your `a` or `form` elements sexy by adding the `xxx` attribute.
```html
I will get updated
```
Return an element wrapped in an element with the `xxx-update` attribute set to the target of the `id` you want to replace.
```html
Sexy update
```
## Advanced Usage
You can send multiple updates in 1 response:
```html
...
...
```
You can send new interactive elements in a response
```html
```
You can delete elements with an empty update
```html
```
## Install
### copy-paste source
[View source](https://htmxxx.fly.dev/script.min.js)
### curl into a local file
```sh
curl https://htmxxx.fly.dev/script.min.js > htmxxx.js
```
### include in html file
```html
```
dont though.