This repository collects a number of UI and application patterns I've discovered while building Elm/Gren applications. These patterns are things that -- to my mind -- are simple/straightforward in JavaScript but may not have immediately obvious solutions in Elm/Gren.
Pull requests containing improvements and new examples would be most appreciated.
Starting in July 2025, I will be (lazily) porting all of the existing Elm examples to Gren and welcome any feedback the Gren community may have to offer, as this is my first foray into using it.
- Creepy Spyware
- Decaying Class Name
- Normalized Form Input
- Remote Authentication
- SPA Routing
- Sync CSS Transition and State Change
- Video Player
There are a few Docker containers in the build-envs directory which can be used to build/run the examples in this collection. The Dockerfiles use a Node 21 base image and my fork of the elm-old-binaries repository to download the Elm binaries.
See the individual READMEs for usage instructions.
NOTE: These containers are not project-specific and can be used by anyone looking to build Elm projects in a sandboxed environment. This is especially helpful with older versions of Elm which can be tricky to locate and install.
- port older apps to 0.19
- rework SPA routing to use 0.19 feature set
- animation example
- port all examples to Gren