https://github.com/scriptogre/bad-apple
Bad Apple using htmx + sse ext. + server-commands ext.
https://github.com/scriptogre/bad-apple
badapple demo htmx htmx-extension
Last synced: 8 months ago
JSON representation
Bad Apple using htmx + sse ext. + server-commands ext.
- Host: GitHub
- URL: https://github.com/scriptogre/bad-apple
- Owner: scriptogre
- License: other
- Created: 2025-09-26T19:01:59.000Z (9 months ago)
- Default Branch: master
- Last Pushed: 2025-10-15T11:41:36.000Z (8 months ago)
- Last Synced: 2025-10-16T04:49:09.056Z (8 months ago)
- Topics: badapple, demo, htmx, htmx-extension
- Language: HTML
- Homepage: https://bad-apple.christiantanul.com
- Size: 3.33 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Bad Apple
The Bad Apple animation as ASCII art rendered in real-time from the server @ 60 FPS using [**htmx**](https://htmx.org/) + [**sse extension**](https://htmx.org/extensions/sse/) + [**server-commands extension**](https://github.com/scriptogre/htmx-extensions/tree/feature/server-commands/src/server-commands).
## Quick Start
```bash
cp .env.example .env
docker compose up
```
## How it works
The `server-commands` extension provides a special `` tag. The server streams `` tags ~60 times/second via SSE to update multiple elements in real-time:
```html
data: {frame}
data: {progress}%
```
You can read more about it in the extension's [README.md](https://github.com/scriptogre/htmx-extensions/tree/feature/server-commands/src/server-commands).