HTMX Example: Animations

[CarloLepelaars]

In #49 there is a cool TODO around "Animations: Demonstrates various animation techniques".

Would be happy to pick this up, but not sure if we should show all this functionality in 1 app or split some things up. There are about 6 separate examples in here.

Original HTMX:
https://htmx.org/examples/animations

[Isaac-Flath]

IMO we should split them up. Once we have at least 3 of them we can make an "HTMX - Animations" section for them.

[Isaac-Flath]

Also - This is awesome! I'd love to have these :D

[CarloLepelaars]

Nice, then I think we are on the same page!

We can separate:

1. Text Color animations
2. Button transitions / animations
3. Class tools extension (if relevant in the context in FastHTML).

[Isaac-Flath]

Yes - I don't know the exact header names/groupings but once we have a group that we think really should be it's own group we can make it. We can always change it and experiment so we should just try stuff.

We also don't need to just have 1 layer of headings. Maybe a general HTMX section that has subsections?

HTMX

• Loading Content:
  • click to load
  • show/hide
  • infinite scroll
  • etc
• Animations
  • Fade in
  • fade out
  • etc