# Is elm-ui still relevant?

**URL:** <https://discourse.elm-lang.org/t/is-elm-ui-still-relevant/9635>\
**Category:** Learn\
**Created:** [February 5, 2024, 7:29am UTC](https://discourse.elm-lang.org/t/is-elm-ui-still-relevant/9635 "2024-02-05T07:29:40Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![Martin\_Larsson](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/martin_larsson/32/1224_2.png) [@Martin\_Larsson](https://discourse.elm-lang.org/u/Martin_Larsson)\
**Post date:** [February 5, 2024, 7:29am UTC](https://discourse.elm-lang.org/t/is-elm-ui-still-relevant/9635/1 "2024-02-05T07:29:40Z")

</div>

I have an Elm app that has been running in production for a few years and it uses elm-ui. Now Im planning on updating the UI and I would like to use one of the many Elm frameworks like [El-Ui-widgets](https://package.elm-lang.org/packages/Orasund/elm-ui-widgets/latest/).  
I can see that elm-ui hasn’t been updated since last time I was working on my app.  
I really enjoyed working with elm-ui but am wondering if there is any new kids on the block that is recommended instead?

Thanks for any advice, Martin

---

<div class="post-metadata">

**Author:** ![Lucas\_Payr](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/lucas_payr/32/4993_2.png) [@Lucas\_Payr](https://discourse.elm-lang.org/u/Lucas_Payr)\
**Post date:** [February 5, 2024, 8:59am UTC](https://discourse.elm-lang.org/t/is-elm-ui-still-relevant/9635/2 "2024-02-05T08:59:32Z")

</div>

Yes. Elm-UI is still relevant.

Elm-Ui-Widgets im currently not sure if I want to recommend. It is still working, but im not planning on updating it - So if something is missing, you will have to implement it yourself. (However, i will gladly merge any interesting sounding MR)

Personally, I went back to plain old elm/html. I was using elm-css for a while, but then felt like the added type safety does not really give me anything, so I dropped it. (Also as a sidenote: [@ryannhg/css-in-elm - npm](https://www.npmjs.com/package/@ryannhg/css-in-elm) is really nice, if you have an existing stylesheet)

---

<div class="post-metadata">

**Author:** ![jxxcarlson](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/jxxcarlson/32/866_2.png) [@jxxcarlson](https://discourse.elm-lang.org/u/jxxcarlson)\
**Post date:** [February 5, 2024, 9:56am UTC](https://discourse.elm-lang.org/t/is-elm-ui-still-relevant/9635/3 "2024-02-05T09:56:50Z")

</div>

elm-ui has been my go-to library for making view functions. Just as good today as it was when I started using it some years ago.

I’ve started two major projects in the last six months. Both use elm-ui.

I’m not aware of something I’d rather switch to … but part of this is personal taste & working style. elm-ui fits well with the way I think about things.

I’ve heard a rumor that Matt Griffith has been working on a new version.

---

<div class="post-metadata">

**Author:** ![ronanyeah](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/ronanyeah/32/5497_2.png) [@ronanyeah](https://discourse.elm-lang.org/u/ronanyeah)\
**Post date:** [February 6, 2024, 1:23am UTC](https://discourse.elm-lang.org/t/is-elm-ui-still-relevant/9635/4 "2024-02-06T01:23:50Z")

</div>

Yeah I’m still using it for all my frontends. There is ongoing discussion about the v2 in the elm-ui “Incrementing Elm” discord channel.

---

<div class="post-metadata">

**Author:** ![lucamug](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/lucamug/32/1764_2.png) [@lucamug](https://discourse.elm-lang.org/u/lucamug)\
**Post date:** [February 6, 2024, 1:30am UTC](https://discourse.elm-lang.org/t/is-elm-ui-still-relevant/9635/5 "2024-02-06T01:30:40Z")

</div>

I’m using it in most of my projects.

Be aware of an issue, if you use it for long time you may forget CSS.

I needed to create a simple layout in CSS the other day and if it was not for chatGPT, I don’t think I could have done it

---

<div class="post-metadata">

**Author:** ![G4BB3R](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/g4bb3r/32/4544_2.png) [@G4BB3R](https://discourse.elm-lang.org/u/G4BB3R)\
**Post date:** [February 6, 2024, 2:07pm UTC](https://discourse.elm-lang.org/t/is-elm-ui-still-relevant/9635/6 "2024-02-06T14:07:48Z")

</div>

Since 2020 I use only elm-ui for my own projects, still very relevant.  
And v2 is being developed on a different branch, and discussed on discord “Incremental Elm”.

> **[Commits · mdgriffith/elm-ui](https://github.com/mdgriffith/elm-ui/commits/2.0/)**
>
> What if you never had to write CSS again? Contribute to mdgriffith/elm-ui development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![pinver](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/pinver/32/2783_2.png) [@pinver](https://discourse.elm-lang.org/u/pinver)\
**Post date:** [February 6, 2024, 2:09pm UTC](https://discourse.elm-lang.org/t/is-elm-ui-still-relevant/9635/7 "2024-02-06T14:09:08Z")

</div>

What’s the best way to try out elm-ui v2?

---

<div class="post-metadata">

**Author:** ![Martin\_Larsson](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/martin_larsson/32/1224_2.png) [@Martin\_Larsson](https://discourse.elm-lang.org/u/Martin_Larsson)\
**Post date:** [February 6, 2024, 3:45pm UTC](https://discourse.elm-lang.org/t/is-elm-ui-still-relevant/9635/8 "2024-02-06T15:45:56Z")

</div>

Ok, thanks! Elm-ui it is.

Another topic maybe, what is the easiest way to get a nice date picker in elm-ui?

One more question, is there any framework or guidelines for adjusting the UI for different screen sizes?

---

<div class="post-metadata">

**Author:** ![ronanyeah](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/ronanyeah/32/5497_2.png) [@ronanyeah](https://discourse.elm-lang.org/u/ronanyeah)\
**Post date:** [February 6, 2024, 4:58pm UTC](https://discourse.elm-lang.org/t/is-elm-ui-still-relevant/9635/9 "2024-02-06T16:58:20Z")

</div>

Clone these repos:

- [GitHub - mdgriffith/elm-ui: What if you never had to write CSS again?](https://github.com/mdgriffith/elm-ui) (branch `2.0`)
- [GitHub - mdgriffith/elm-animator: A timeline-based animation engine for Elm](https://github.com/mdgriffith/elm-animator) (branch `v2`)

Then refer to them in your `elm.json`:

```auto
    "source-directories": [
        "src",
        "../elm-ui/src",
        "../elm-animator/src"
    ],

```

Docs are here:

> **[Ui](https://elm-doc-preview.netlify.app/Ui?repo=mdgriffith%2Felm-ui&version=2.0)**
>
> Elm package documentation previewer

---

<div class="post-metadata">

**Author:** ![perty](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/perty/32/4459_2.png) [@perty](https://discourse.elm-lang.org/u/perty)\
**Post date:** [February 7, 2024, 8:55am UTC](https://discourse.elm-lang.org/t/is-elm-ui-still-relevant/9635/10 "2024-02-07T08:55:28Z")

</div>

Is the idea still that drop downs is a no-no?

---

<div class="post-metadata">

**Author:** ![paulh](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/paulh/32/5022_2.png) [@paulh](https://discourse.elm-lang.org/u/paulh)\
**Post date:** [February 7, 2024, 10:29am UTC](https://discourse.elm-lang.org/t/is-elm-ui-still-relevant/9635/11 "2024-02-07T10:29:00Z")

</div>

> [@Martin\_Larsson](#):
>
> is there any framework or guidelines for adjusting the UI for different screen sizes?

There’s no framework that I know of. Guidelines wise check out the `Responsiveness` section of [Element - elm-ui 1.1.8](https://package.elm-lang.org/packages/mdgriffith/elm-ui/latest/Element)

My approach would be to pattern match on the `DeviceClass` and `Orientation` types and then adjust your view as appropriate. Sometimes this might mean creating a whole new view for `Phone, Portrait`, other times simply changing the container from a `column` to a `row`. It all depends on your own specific requirements.

---

<div class="post-metadata">

**Author:** ![paulh](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/paulh/32/5022_2.png) [@paulh](https://discourse.elm-lang.org/u/paulh)\
**Post date:** [February 7, 2024, 10:35am UTC](https://discourse.elm-lang.org/t/is-elm-ui-still-relevant/9635/12 "2024-02-07T10:35:17Z")

</div>

> [@perty](#):
>
> Is the idea still that drop downs is a no-no?

That’s the Elm-UI advice and AFAIK it hasn’t changed. I’ve created custom drop downs when I really wanted one in the past, and I think there may be packages for them, but usually there is a better, more user-friendly way of obtaining the required information from the user.

---

<div class="post-metadata">

**Author:** ![Mik](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/mik/32/5028_2.png) [@Mik](https://discourse.elm-lang.org/u/Mik)\
**Post date:** [February 11, 2024, 5:21pm UTC](https://discourse.elm-lang.org/t/is-elm-ui-still-relevant/9635/13 "2024-02-11T17:21:22Z")

</div>

There is this one for date picker [elm-ui-datepicker 5.0.0](https://package.elm-lang.org/packages/fabhof/elm-ui-datepicker/latest/)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex035/uploads/elm_lang/original/1X/50a05e53677a2c3b47776d7abd0f113eb50193a1.png) [@system](https://discourse.elm-lang.org/u/system)\
**Post date:** [February 21, 2024, 5:21pm UTC](https://discourse.elm-lang.org/t/is-elm-ui-still-relevant/9635/14 "2024-02-21T17:21:50Z")

</div>

Closed on February 21, 2024, 5:21pm UTC

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.