Awesome Lists

awesome-elm

by sporto

awesome listpushed almost 2 years ago

A curated list of useful Elm tutorials, libraries and software. Inspired by awesome list. Feel free to contribute. rocket

AI summary

Elm resource list

A curated collection of resources for learning and improving skills with the Elm programming language

stars
3.6K
forks
224
watching
142
awesome lists
6
entries
235
View on GitHub

Embed the badge

Show how many awesome lists link to your project. The count updates automatically.

Awesome Lists badge
Markdown
[![Awesome Lists Badge](https://awesome.facts.dev/shield/sporto/awesome-elm/links.svg)](https://awesome.facts.dev/awesome/sporto/awesome-elm)
HTML
<a href="https://awesome.facts.dev/awesome/sporto/awesome-elm"><img src="https://awesome.facts.dev/shield/sporto/awesome-elm/links.svg" alt="Awesome Lists Badge" /></a>
Image URL
https://awesome.facts.dev/shield/sporto/awesome-elm/links.svg

What's in the list

235 links in 40 sections, with live GitHub stats.activeno commit in 2y

Table of Contents

Learning Guides

Learning Guides / Outdated Tutorials and books (Elm 0.18 or earlier)

Learning Guides / Learning Videos

Articles / Why Elm?

Articles / Miscellaneous articles

Articles / Outdated articles (Not relevant for current Elm architecture)

  • Elm for Web Developers

    A collection of notes for web developers looking into moving to Elm

  • Elm & Components

    A blog post describing a possible approach to reducing TEA boilerplate. Useful for component libraries and anyone interested in seeing the amazing things you can do with function types

  • Composing Features and Behaviours in the Elm Architecture

    An article describing how to organize code that follows the Elm architecture into independent features, how to communicate between features, and how to group some of these features together to assemble larger features

  • Getting Started with Elm

    Series of Elm education tutorials

  • Elm & Guarantees

    a realistic look at where Elm is and isn’t superior to other options

Conference Videos / Playlists

Conference Videos / Miscellaneous videos

News

Podcasts

  • Elm Radio

    Tune in to the tools and techniques in the Elm ecosystem

  • Elm Town

    A podcast about the people in the Elm community (Outdated)

Podcasts / Individual Podcast episodes

Testing

Code generators

  • Elm Bridge

    Generate Elm types from Haskell

  • Elm CodeGen

    Generate Elm code

  • Elm TS Interop

    Build up Encoders/Decoders between Elm and TypeScript

  • Elm TypeScript Interop

    Generate TypeScript definitions from Elm ( is an improved version of this)

  • elm-gql

    Generate GraphQl client code from GraphQL queries

  • elm-graphql

    Generate GraphQl client code from GraphQL schemas

  • haskell-to-elm

    Generate Elm types, encoders, and decoders from Haskell types

  • HTML to Elm

    Convert HTML to Elm Html. Useful when porting an app to Elm

  • JSON Schema to Elm

    Generates Elm types, JSON decoders, JSON encoders and fuzz tests from JSON schema specifications

  • OpenApi Generator

    Generate OpenApi types for Elm

  • PostCSS Elm Tailwind

    Put some Tailwind in your Elm

  • Protoc Gen Elm

    Generate Protobuf En/Decoders from .proto files

  • Quicktype

    Generate JSON decoders and encoders from JSON

  • Travelm Agency

    Generate typesafe Elm code from translation files

Package managers

  • elm-package

    Command line tool to share Elm libraries

Libraries

  • Elm packages

    The official registry

  • Elm Catalog

    Find packages in a catalog organized into categories

  • Elm Search

    Search Elm documentation for operators, function signatures, etc

Boilerplates

  • create-elm-app

    Create Elm apps with no build configuration

  • elm-boil

    Command Line Utility for creating an Elm boilerplate project easy to run, build and get deployed

  • elm-live

    A flexible dev server for Elm. Live reload included

  • elm-webpack-4-starter

    Elm webpack 4 starter template

  • example-elm-hot-webpack

    Example showing hot module reloading for Elm 0.19 and Webpack

  • Elm Batteries

    A project template and generator for Elm, Parcel, Cypress and Netlify

  • IHP + Elm

    The IHP Haskell Framework provides a built-in Elm boilerplate, useful when working with elm in the frontend and haskell in the backend

Boilerplates / Outdated Boilerplates

  • elm-webpack-starter

    A simple Webpack setup for writing Elm apps

  • elm-app-boilerplate

    A fully-featured base project for Elm apps: Webpack, HMR, ES6, JS and Elm tests, Semantic UI, sample code and more

  • elmkit

    A lightweight Brunch based setup for web app. Includes Brunch, Hot Module Replacement, Elm, Scss, Elm tests

  • elm-boilerplate

    A simple Makefile able to create Elm app

  • elm-init

    Interactive setup for new Elm projects

  • elm-new

    Generate initial project scaffolding based on a template

  • elm-webpack-starter-kid

    A very very basic elm + webpack 4 template

  • generator-elm-mdl

    Yeoman generator for a simple elm application utilizing Material Design

Frameworks

  • elm-spa

    Framework for making single page apps in Elm

  • Elm Land

    A framework for building Elm applications

  • Spades

    Start an Elm SPA ready to the real world

Static analysis

  • Elm Analyse

    Linter for the Elm programming language

  • Elm Review

    Code reviewer for the Elm programming language

Static site generators

  • Elm Pages

    Static site generator that prerenders HTML and hydrates into an Elm client-side app ( )

  • Elmstatic

    Elm-based static site generator

Showcase generators

  • Elm Book

    Rich documentation builder based on Storybook and HexDocs

  • Elm UI Explorer

    Showcase your views and states

Run Elm

  • Ellie

    The Elm Live Editor

  • Elm Editor

    Advanced Elm Live Editor

  • run-elm

    — Run Elm code from the command line

  • elm-instant

    atom package to try your elm code from the editor. Provides a visual REPL and a preview pane

  • Glitch

    Build fast, full-stack web apps in your browser

  • Elm Live

    A flexible dev server for Elm. Live reload included!

  • Elm Watch

    in watch mode. Fast and reliable

Compile and bundle

Compile and bundle / Unmaintained

  • grunt-elm

    Grunt plugin that compiles Elm files to JavaScript

Other tools

  • Elm Catalog

    A catalog of Elm tools

  • Dependabot

    Automatic update PRs for your elm.json

  • Elm Doc Preview

    Elm offline documentation previewer

  • Elm Format

    Automatic Elm code formatter adhering to

  • Elm JSON

    Install, upgrade and uninstall Elm dependencies

  • Elm Oracle

    Query for information about values in elm source files. Used by most editor plugins

  • type-o-rama

    JS type systems interportability

  • Html to Elm

    Convert HTML to Elm

  • elm-posix

    Write CLI programs using Elm

  • Litvis

    Literate Visualization with Elm

Editor plugins / Atom

Editor plugins / Emacs

  • emacs-elm-mode

    Syntax highlighting, Elm REPL, Elm make and Elm format integration for the Emacs editor

Editor plugins / IntelliJ

Editor plugins / Sublime Text

Editor plugins / Vim/Neovim

  • theJian/elm.vim

    Elm syntax highlighting. Use with since ElmCast/elm-vim does not support Elm 0.19

  • ElmCast/elm-vim

    Elm 0.18 mode for Vim/Neovim

  • vim-elm-help

    Offline Elm documentation access in your editor

  • emmet-vim

    Markup expansion with elm support

Editor plugins / Visual Studio Code

Editor plugins / Other editors

  • elm-light-table

    Syntax highlighting, REPL, autocompletion, package management and much more for Light Table

Examples

  • Builtwithelm

    Web site built with elm with list of projects and apps built with Elm

  • Elm SPA Example

    Full stack Elm app w/ CRUD operations, Auth, routing, pagination and more. / /

  • Elm Example App

    A small SPA example in Elm to learn the basics

  • TodoMVC

    Proper implementation of the TodoMVC app

  • TodoMVC with JSON API

    Bare-bones, modular, heavily-documented todo app with JSON API persistence

  • TodoMVC/Firebase

    Fork of TodoMVC demonstrating start-app, and Firebase as backend

  • TodoMVC in Electron

    Documented and tested implementation of the Elm TodoMVC app in Electron

  • Gipher

    A Tinder-like application for gifs built with elm and firebase!

  • Collection of examples

    A collection of examples with advanced techniques for real-world Elm apps

  • <elm-ement>

    – Minimal example of a custom element

  • Elm Playground

    Tiny Elm projects implemented for the sake of learning by example

  • Elm Architecture in Android

    An example Android application implemented with the Elm Architecture using the Kotlin programming language and Anko library

  • Elm + Phoenix + Webpack

    A minimal Elm + Phoenix setup, using webpack instead of Brunch

  • Spotify Mapper

    Elm app integrated with Spotify Api to search and explore new artists

  • Pokelmon

    Elm project consuming PokéAPI

  • JWT auth with Django + Elm

    JSON Web Token (JWT) authentication using Django (backend) and Elm (frontend)

  • Bitcoin BR Chrome Extension

    Chrome extension built in Elm that shows the bitcoin value in all Brazilian exchanges

  • Elmstagram

    Basic UI Clone of Instagram / Articles -

  • Kanban Board in Elm

    A kanban board (trello-alike) built with Elm and HTML5 Drag & Drop API

  • Elm Playground

    Pure SPA (with routing) exploring various aspects of Elm

  • Elm Hacker News PWA

    A progressive web app built with Elm version 0.18, using the official Hacker-News API

  • Elm Narrative Engine

    A framework for building interactive fiction style stories in Elm. Detailed example shows how to build a "chose your own adventure" game; perfect for beginners

  • Ari's Garden

    A recipe built as an SPA that also makes use of the Elm parser

  • Bolster

    An end-to-end encrypted journal app

  • Conway's Game of Life

    Elm implementation of Conway's Game of Life

  • Regex Nodes

    A , built with Elm

Examples / Games

  • elm-games

    An excellent list of games made in Elm

  • TheSpace App

    A reddit place like DApp with blockchain and canvas(through port) integration in Elm

Community and Support

Conferences

Inspired by Elm

  • Bolero

    F# in WebAssembly using Elmish

  • Bucklescript-TEA

    The Elm Architecture based on OCaml / Reason and

  • Elchemy

    Write Elixir code using statically-typed Elm-like syntax

  • Elmish

    Elm-like abstractions for F# apps

  • Fabulous

    F# Functional App Development, using declarative dynamic UI

  • Iced

    A cross-platform GUI library for Rust, inspired by Elm

  • Redux

    A predictable state container for JavaScript apps

  • MAUI

    .NET Multi-platform App UI

  • Oolong

    An Elm inspired Model-View-Update (MVU) implementation for Kotlin multiplatform

Beyond the DOM

  • iOS

    A POC for using Elm 0.18 for native iOS Applications

  • elmish-wasm

    A POC for compiling elm to Web Assembly

  • elm-serverless

    Run Elm 0.18 on Cloud Functions using the Serverless Frameworks

  • elm-posix

    Write CLI programs using Elm

More awesome

More related projects

Add a GitHub project

Missing a project or an awesome list? Paste its GitHub URL and we fetch it right away.