Your first time on this page? Allow me to give some explanations.
A curated list of useful Elm tutorials, libraries and software. Inspired by awesome list. Feel free to contribute.
Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.
Thank you sporto & contributors
View Topic on GitHub:
Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.
Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.
How to create modular Elm code that scales nicely with your app
A set of koans for learning Elm
discover the beautiful programming language that makes front-end web apps a joy to build and maintain!
An overview of Elm syntax and features
In-depth book for Elm beginners, from Manning Publications.
Elm tutorial with exhaustive examples and descriptions.
Syntax and features overview. The Elm page on learnxinyminutes.com
Working with the Maybe type, with nicely commented code examples.
Thorough book from The Pragmatic Programmers that covers basics and advanced concepts.
Adaptations for Elm from Ninety-Nine Haskell Problems.
Two tutorials on building web apps with Elm.
a brief overview of Elm as a programming language.
Beginners' course to Elm and Data
A non-beginner book about the practical aspects of developing Elm applications.
Outdated Tutorials and books (Elm 0.18 or earlier)
A take-home application server written in Elm and only Elm
Learn how to build reactive web apps using Elm.
Series of articles about fundamentals and advanced topics.
A tutorial on developing single page web applications with Elm.
High overview of language features.
Short screencasts to teach you the Elm programming language from Erik Person.
Build your first Elm Web App.
Five parts tutorial on Elm.
thoughts on programming
An experience report from Bellroy
How a team built a business-critical web app for a customer using Elm.
This article discusses topics about Elm from a business perspective
Some thoughts on Elm development by a Swedish startup.
Experiences on the Elm language.
An article describing the Elm architecture and how to build a simple application
A Bachelor’s thesis about functional programming for frontend development with the focus on Elm.
Outdated articles (Not relevant for current Elm architecture)
A collection of tips for people using Elm from a web-dev background
Adventures in Reactive Web Development
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.
Series of Elm education tutorials.
A playlist of all talks from Elm Europe 2018
A playlist of all talks from Elm Europe 2017
A playlist of all talks from Oslo Elm Day 2017
elm-conf 2018 talk about end-to-end type-safety using external schemas like GraphQL.
A talk that gives a broad, high-level introduction to Elm.
A talk from You Gotta Love Frontend 2016
A talk about the combination of functional programming with Elm at GOTO Chicago 2016.
ElmLive](https://www.youtube.com/playlist?list=PLDA4wlOlLJvWSYo3KiEa4q4ETkXpTaKlw) - elm live video examples.
A talk about modelling data structures in Elm in a way that makes invalid states unrepresentable
A talk about how Elm manages side effects.
A talk about Elm and initial steps to use it in production.
A talk from the father of Elm about the philosophy behind the language.
Egghead's Elm video training, many of which are free.
Walk through all the syntax and basic ideas in Elm as a general programming language.
A free weekly newsletter about Elm featuring hand-picked news, articles, books, events, tools, and libraries.
A deep dive into specific problems to help the Elm community.
Individual Podcast episodes
Elm with Evan Czaplicki.
Richard Feldman and Tessa Kelly.
Elm with Richard Feldman and Srinivas Rao.
Elm with Evan Czaplicki and Richard Feldman.
Elm with Richard Feldman and Evan Czaplicki.
Functional Programming with Elm, ClojureScript, Om, and React.
The Elm Programming Language.
What the heck is Elm? In this episode, Joel Clermont talks about Elm and functional programming.
Write unit and fuzz tests for Elm code.
Test Elm programs
Describe the behavior of Elm HTML applications
A tool that allows you to analyse your Elm code, identify deficiencies and apply best practices.
Elm offline documentation previewer
elm-format formats Elm source code according to a standard set of rules based on the official Elm Style Guide
Install, upgrade and uninstall Elm dependencies
Query for information about values in elm source files.
Analyzes Elm projects, to help find mistakes before your users find them.
👾 JS type systems interportability
Static site generator that prerenders HTML and hydrates into an Elm client-side app (here is a brief comparison with elmstatic).
OpenAPI Generator allows generation of API client libraries (SDK generation), server stubs, documentation and configuration automatically given an OpenAPI Spec (v2, v3)
Generate TypeScript declaration files for your elm ports!
Generate JSON encoders/decoders based on Elm types.
Generate types and converters from JSON, Schema, and GraphQL
Generates Elm types, JSON decoders, JSON encoders and fuzz tests from JSON schema specifications
Haskell: Derive Elm types from Haskell types
Generate Elm types, encoders, and decoders from Haskell types
put some tailwind in your elm
Run Elm code from the command line
atom package to try your elm code from the editor. Provides a visual REPL and a preview pane.
Compile and bundle
Compiler for Elm, a functional language for reliable webapps.
Webpack loader for the Elm programming language.
Elm snippets for Atom
Syntax highlighting and autocompletion for the Atom editor.
Autocompletion, go to definition, find usages, rename symbol, etc. for the Atom editor.
Elm mode for emacs
Elm language support for IntelliJ, WebStorm, PhpStorm and PyCharm (JetBrains)
Elm support for Sublime's LSP plugin
Language server implementation for Elm
Sublime Text plugin to run elm-format on save
Elm syntax support for vim
Elm plugin for Vim
Offline Elm documentation access in your editor
emmet for vim: http://emmet.io/
Visual Studio Code
Emmetio abbreviation expander into composition of Elm function with elm-format'er inside.
Elm language plugin for Light Table
Command line tool to share Elm libraries
Elm's core libraries
Use HTML in Elm!
Write unit and fuzz tests for Elm code.
Make HTTP requests in Elm
What if you never had to write CSS again?
Typed CSS in Elm.
Autogenerate type-safe GraphQL queries in Elm.
🍃 Create Elm apps with zero configuration
Command Line Utility for creating an Elm boilerplate project easy to run, build and get deployed
⚡ A flexible dev server for Elm. Live reload included.
Elm 0.19 webpack 4 starter template to build SPA
Example showing hot module reloading for Elm 0.19 and Webpack
Learn how Elm, Parcel, Cypress and Netlify work together. Get started with Elm navigation, routes, remote data and decoder.
Boilerplate for developing Elm apps on Webpack
Base project for Elm applications
Elm kit is web application boilerplate kit for development. This kit build on Brunch, Node, Sass, Elm-lang. It helps you to start development more productive following best practices.
A simple Makefile able to create a new Elm app
Initialise scaffolding for a new Elm project
Generate a new Elm project from the command line (Elm 0.16+)
👦 Very very basic elm + webpack 4 template
Start an Elm SPA ready to the real world
An example Elm single page application
The TodoMVC app written in Elm, nice example for beginners.
Modular, heavily-documented Elm todo app with a json rest api
TodoMVC+Firebase in Elm+ElmFire
Elm meets Electron
tinder like app for gifs built with elm and firebase
Practical examples in Elm
The "Hello world" of Elm + Web Components.
An example of the ELM architecture on Android using Kotlin with Anko
minimum elm + phoenix setup, with webpack
An app built with Elm to explore new artists using the Spotify api.
Elm project consuming PokéAPI
Chrome extension in elm that shows the latest currency bitcoins from Brazilian exchanges
A basic UI-clone of Instagram using Elm
Kanban board built with Elm
Hacker News as a PWA built with Elm
A tool for building interactive fiction style stories in Elm.
The secure, private journal.
Web site built with elm with list of projects and apps built with Elm.
Tiny Elm projects implemented for the sake of learning by example.
All Elm Games (hopefully)
Community and Support
🌲 A list of companies using Elm in production.
Inspired by Elm
TEA for Bucklescript
Write Elixir code using statically-typed Elm-like syntax (compatible with Elm tooling)
Elm-like abstractions for F# apps
F# Functional App Development, using declarative dynamic UI
A cross-platform GUI library for Rust, inspired by Elm
Beyond the DOM
Bringing the wonders of Elm to the iOS platform
Experiment to compile something Elm-ish to Wasm
Maintained at: https://github.com/the-sett/elm-serverless