Elm Animation Showcase

Here’s a quick demo of a showcase set of Elm animations. Check out the GitHub repo under the Showcase directory; run the app from the top-level Showcase.elm module.

I’ve been meaning to publish a full-featured post for a while, but I’ve gotten bogged down in my studies once again. In the interest of not letting this content get too stale, I’m simply publishing what I have.

This expands upon the prior work I’ve blogged about, with some modifications. At the time of this writing, it demonstrates how to wire up two separate components, each with a collection of different animations (some of which are keyed off of one another, or off of other actions). The two components transition back and forth, too.

  • The first component is an animated username/password form.
  • The second component is an animated list of items.

At this point, pretty much all work starts from the MinimalModules.elm file included in the repo and builds up from there. Just follow the comments and you should be able to hit the ground running, without worrying about the underlying piping.

I’ll likely expand this showcase set as I find time, but I won’t be updating this post.