vite-elm-template VS elm-ui

After that point I started looking into how Elm works from the web dev perspective with resources like Elm in Action and Frontend Masters courses (first working in ellie-app-for-elm-dev then upgrading to vite-elm-template).

Using vanilla HTML and JS is nice, but most of the time at work or in larger projects we're using some sort of build tooling to have a more streamlined experience. I'm personally a big fan of Vite, the frontend tooling solution by the creator of Vue. I maintain a Vite template for building Elm applications, which utilized the excellent Elm plugin for Vite to achieve hot module reload and directly importing our .elm files into our Javascript.

This was a template I created to scratch my own itch. As a Vue developer, I love working with Vite, and really wanted a base template for Vite that I could use to build Elm applications. vite-elm-template is a basic Vite template intended to get you started writing in Elm without having to spend time configuring everything yourself. Unlike elm-pages or elm-spa, it's not a framework of any sort. If you want to bring in single-page application features, or other functionalities, you will have to build those in yourself. That said, it's perfect for getting started with a basic environment.

It's been a few years, but last time I built a non-trivial Elm app, I used elm-ui. Otherwise, I've used either vanilla CSS with the Meyer reset (am I dating myself?) or SCSS.

"clean" means you are used to it. ELM is a totally new language (not like JS and TS) based on a paradigm (functional programming) that you are probably not used to. And it is based on the ML type system (different from what you are used to). So it is a lot of new things at once. "Reinventing the wheel" is an unfortunate side-effect of using a different way to do things. Some things can be copied verbatim, some are totally different. Check out "elm-ui" (https://package.elm-lang.org/packages/mdgriffith/elm-ui/latest/) for a very different and refreshing view in UI code in ELM (that will appeal to the mostly-backend developers in your workplace).

I use Elm for my project. Once you accept thinking the way it wants you to, it's a delight to develop front-end with it.

Side advantage, Elm-UI frees you from CSS: https://package.elm-lang.org/packages/mdgriffith/elm-ui/late... it's like Tailwind but deeply intertwined with the language.

https://elm-lang.org

The last advice I could give is to try elm-ui (https://github.com/mdgriffith/elm-ui) for your user interface. It's amazing how great that is compared to traditional ways of building a frontend layout.

The library elm-ui makes it easy to create a nice user interface. I am unaware of anything similar for Rust+WASM, so I would have been forced to deal with HTML and CSS.

There are several things named elm-ui. It's the author of a different library than what is usually understood when someone refers to elm-ui (which is https://package.elm-lang.org/packages/mdgriffith/elm-ui/late...)

Foregoing CSS all together by using a different approach to UI construction (elm-ui)

Right now I'm just using the built in from the UI library I used for the sake of ease as I didn't find a perfect solution and it seemed good enough for now: Github Link to source, which it looks like would classify your laptop as a tablet, whoops!