elm-layout

warning This package currently being developed. The existing API will change in future updates.

Layout HTML using flexbox. You can think of it as elm-ui light.

You can install this package or just get the single elm file.

Why would I want this?

Elm-Ui is great to use for smaller projects. However, its implementation if very opaque, and complicated styling can be challenging.

• Elm-Ui is optioned. Buttons, Input fields and Labels comes with a predefined style - that is not documented.
• Elm-Ui is to abstract. Debugging weird behavior is challenging, especially if the resulting css does not clearly relate to the code.
• Elm-Ui is big. Most of Elm-Ui is just using Flexbox, everything else is performance optimization and nice-to-haves.

You can actually write very readable and clear css nowadays. This package showcases this and tries to be as transparent as possible. It is be possible to modify everything and to also understand the resulting css.