I have recently used Foundation in one of my projects and I saw an opportunity to write a Foundation library for Elm. The most popular Elm library at the moment is elm-mdl, however it is not actively maintained. Foundation 6 is packed with the most advanced CSS framework in the web, Grid XY. And I saw an opportunity to bring this to the Elm community.
Following is a little sneak peek of what the Elm code will look like compared to the actual HTML that we write to achieve the same.
On a side note, I would really appreciate if you support the project. Please let me know that this project is useful, there is no other way for me to know.
Grid XY in HTML / CSS
<div class="container fluid"> <div class="grid-x margin-x"> <div class="cell"> <!-- Hello Elm! --> </div> </div> </div>
Grid XY in Elm. Declarative Love :*
view : Model -> Html Msg view model = grid [ container Fluid, direction X, gutter Margin ] [ cell  [ text "cell" ] ]