---
visibility: public
---

# Elm

**repo:** [sporto/awesome-elm](https://github.com/sporto/awesome-elm)  
**category:** [[programming-languages|Programming Languages]]
**related:** [[javascript|Javascript]] · [[haskell|Haskell]]

---

[![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) [![Build Status](https://app.travis-ci.com/sporto/awesome-elm.svg?branch=master)](https://app.travis-ci.com/sporto/awesome-elm)

A community driven list of useful Elm tutorials, libraries and software.
Inspired by the [awesome](#more-awesome) list thing. Feel free to <a href="https://github.com/sporto/awesome-elm/blob/master/CONTRIBUTION.md" target="_blank">improve</a> this list.

## Table of Contents
- [Learning Guides](#[learning](/@harrisonqian/awesome/wiki/programming-languages/learning)-guides)
- [Learning Videos](#[learning](/@harrisonqian/awesome/wiki/programming-languages/learning)-videos)
- [Articles](#articles)
- [Conference Videos](#conference-videos)
- [News](#news)
- [Podcasts](#podcasts)
- [Testing](#testing)
- [Code generators](#code-generators)
- [Package managers](#package-managers)
- [Libraries](#libraries)
- [Boilerplates](#boilerplates)
- [Frameworks](#frameworks)
- [Static analysis](#static-analysis)
- [Static site generators](#static-site-generators)
- [Showcase generators](#showcase-generators)
- [Run Elm](#run-elm)
- [Compile and bundle](#compile-and-bundle)
- [Other tools](#other-tools)
- [Editor plugins](#editor-plugins)
- [Examples](#examples)
- [Community and Support](#community-and-support)
- [Conferences](#conferences)
- [Inspired by Elm](#inspired-by-elm)
- [Beyond the DOM](#beyond-the-dom)
- [More awesome](#more-awesome)
- <a href="https://[github](/@harrisonqian/awesome/wiki/development-environment/github).com/sporto/[awesome](/@harrisonqian/awesome/wiki/miscellaneous/awesome)-elm/blob/master/CONTRIBUTION.md" target="_blank">Contribution Guidelines</a>

---

## Learning Guides

*Learn what this awesome thing is.*

* [Official tutorial](http://elm-lang.org/docs) — General information and in-depth guide with examples.
* [Elm in Action](https://www.manning.com/books/elm-in-action) — In-depth book for Elm beginners, from Manning Publications.
* [Architecture Tutorial](https://github.com/evancz/elm-architecture-tutorial) - How to create modular Elm code that scales nicely with your app.
* [Exercism Elm Track](http://exercism.io/languages/elm) - Collection of Elm exercises.
* [Learn you an Elm](http://learnyouanelm.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/) - Elm tutorial with exhaustive examples and descriptions.
* [Beginning Elm](http://elmprogramming.com/) - A gentle introduction to the Elm programming language.
* [Elm patterns](http://sporto.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/elm-patterns/index.html) - A collection of common patterns in Elm.
* [Elm Koans](https://github.com/robertjlooby/elm-koans) - Practice exercises for [learning](/@harrisonqian/awesome/wiki/programming-languages/learning) Elm.
* [Learn Elm](https://github.com/dwyl/learn-elm) - Discover the beautiful programming language that makes front-end web [apps](/@harrisonqian/awesome/wiki/platforms/apps) a joy to build and maintain!
* [Learn Elm in Y Minutes](https://learnxinyminutes.com/docs/elm/) - Syntax and features overview. The Elm page on [learnxinyminutes.com](https://learnxinyminutes.com)
* [Elm Maybe - Dealing with null/Nothing](http://rundis.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/blog/2016/elm_maybe.html) - Working with the Maybe type, with nicely commented code examples.
* [Programming Elm](https://pragprog.com/book/jfelm/programming-elm) - Thorough book from The Pragmatic Programmers that covers basics and advanced concepts.
* [Elm cheat sheet](https://github.com/izdi/elm-cheat-sheet) - Syntax and features overview.
* [Ninety-nine Problems, Solved in Elm](https://johncrane.gitbooks.io/ninety-nine-elm-problems/content/) - Adaptations for Elm from Ninety-Nine [Haskell](/@harrisonqian/awesome/wiki/programming-languages/haskell) Problems.
* [Elm [Tutorials](/@harrisonqian/awesome/wiki/computer-science/tutorials) on Codementor](https://www.codementor.io/elm/tutorial) - Two [tutorials](/@harrisonqian/awesome/wiki/computer-science/tutorials) on building web [apps](/@harrisonqian/awesome/wiki/platforms/apps) with Elm.
* [Elm programming language](https://en.wikibooks.org/wiki/Elm_programming_language) - a brief overview of Elm as a programming language.
* [Elm: A Beginners' Guide to Elm and Data](https://www.sitepoint.com/premium/courses/elm-a-beginners-guide-to-elm-and-data-2940) - Beginners' course to Elm and Data
* [Practical Elm for a Busy Developer](https://korban.net/elm/book) - A non-beginner book about the practical aspects of developing Elm applications.
* [Haskell to Elm](https://github.com/eeue56/haskell-to-elm) - Collection of examples on places where Elm is different to [Haskell](/@harrisonqian/awesome/wiki/programming-languages/haskell), targeted at Elm beginners coming from [Haskell](/@harrisonqian/awesome/wiki/programming-languages/haskell) backgrounds.
* [A nice app on Elm street](https://madewithlove.com/blog/software-engineering/using-elm-with-[react](/@harrisonqian/awesome/wiki/front-end-development/react)-a-nice-app-on-elm-street/) - An introduction to Elm
* [The Elmish Book](https://zaid-ajaj.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/the-elmish-book) Building web applications in [F#](https://dotnet.microsoft.com/languages/fsharp) following The Elm Architecture from first principles.
* [Elm patterns](https://sporto.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/elm-patterns/) - A collection of coding patterns.
* [Codings hints](https://github.com/elm/compiler/tree/master/hints) - A list of [README](/@harrisonqian/awesome/wiki/miscellaneous/readme) files by Evan.
* [Ellies catalog](https://janiczek-ellies.builtwithdark.com/) - A Collection of small example in Ellie.
* [Elm Cookbook](https://orasund.gitbook.io/elm-cookbook/) - A digital book about Elm.
* [Awesome Elm PLTD](https://github.com/pd-andy/awesome-elm-pltd) - Useful resources for programming language theory & development in Elm.

**[:top: back to top](#table-of-contents)**

### Outdated Tutorials and books (Elm 0.18 or earlier)

* [Elm: Building Reactive Web Apps](https://pragmaticstudio.com/elm) - Learn how to build reactive web [apps](/@harrisonqian/awesome/wiki/platforms/apps) using Elm.
* [Writing native](https://github.com/NoRedInk/take-home/wiki/Writing-Native) - Learn how to create native [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) modules for Elm.
* [Elm: Functional frontend development](https://dennisreimann.de/articles/elm.html) - Series of articles about fundamentals and advanced topics.
* [Elm Tutorial](https://sporto.gitbooks.io/elm-tutorial/content/) - A tutorial on developing single page web applications with Elm.
* [Elm Seeds](https://elmseeds.thaterikperson.com/) - Short screencasts to teach you the Elm programming language from Erik Person.
* [Elm For Beginners - Video Course](http://courses.knowthen.com/courses/elm-for-beginners) - Build your first Elm Web App.
* [Single-Page Web [Apps](/@harrisonqian/awesome/wiki/platforms/apps) in Elm](https://www.linkedin.com/pulse/single-page-web-apps-elm-part-one-getting-started-new-kevin-greene) - Five parts tutorial on Elm.
* [Elm FAQ](http://faq.elm-community.org/) - Elm FAQ from [Elm Community](http://elm-community.org/).
* [Elm Tutorial by Auth0](https://auth0.com/blog/creating-your-first-elm-app-part-1/) - A tutorial on building an app in Elm from authentication to calling an API.

**[:top: back to top](#table-of-contents)**

---

### Learning Videos

* [Welcome to Elm](https://www.youtube.com/playlist?list=PLuGpJqnV9DXq_ItwwUoJOGk_uCr72Yvzb) - Video playlist about [learning](/@harrisonqian/awesome/wiki/programming-languages/learning) all the Elm fundamentals.
* [Elm The Complete Guide](https://www.udemy.com/course/elm-the-complete-guide/) - Video tutorial including Elm UI, Elm Review, responsive design, tests and more.
* [Egghead.io: Elm videos](https://egghead.io/q?q=elm) - Egghead's Elm video training, many of which are free.
* [Elm Basics](https://www.youtube.com/watch?v=g48K6ABfRzA) - Walk through all the syntax and basic ideas in Elm as a general programming language.
* [Greg Ziegan: Elm live coding videos ](https://www.youtube.com/channel/UCJt-EkypIn-HoxNhoHqXmIA) - Live coding videos on youtube.

**[:top: back to top](#table-of-contents)**

---

## Articles

*Read the essentials. Check the official Elm blog: [elm-lang.org/blog](http://elm-lang.org/blog)*

### Why Elm?

* [Side-effects of Elm in production](http://nonullpointers.com/posts/2019-05-28-side-effects-of-elm-in-production.html?utm_campaign=Elm%20Weekly&utm_medium=email&utm_source=Revue%20newsletter) - An experience report from Bellroy
* [How Elm Made Our Work Better](http://futurice.com/blog/elm-in-the-real-world) - How a team built a business-critical web app for a customer using Elm.
* [FP with games in Elm](https://github.com/Dobiasd/articles/blob/master/switching_from_imperative_to_functional_programming_with_games_in_Elm.md) - Switching from imperative to [functional programming](/@harrisonqian/awesome/wiki/programming-languages/functional-programming) with games in Elm.
* [Blazing Fast HTML](http://elm-lang.org/blog/blazing-fast-html) - Virtual DOM in Elm.
* [Elm from a Business Perspective](http://www.gizra.com/content/elm-business-perspective/) - This article discusses topics about Elm from a business perspective
* [Move fast and don’t break things. Running a startup on Elm](https://medium.com/the-ahead-story/move-fast-and-dont-break-things-running-a-startup-on-elm-b5491082fe8b#.c534m1e1t) - Some thoughts on Elm development by a Swedish startup.
* [Elm: A frontend story that a backend dev can love](https://niteo.co/blog/elm-a-frontend-story-that-a-backend-dev-can-love/) - A story how Elm fits a backend developer's brain like no other

### Miscellaneous articles

* [Learning FP the hard way](https://gist.[github](/@harrisonqian/awesome/wiki/development-environment/github).com/ohanhi/0d3d83cf3f0d7bbea9db) - Experiences on the Elm language.
* [Blog of Brian Hicks](https://www.brianthicks.com)  - A blog with various topics about Elm.
* [Introduction to The Elm Architecture and How to Build our First Application](https://css-tricks.com/introduction-elm-architecture-build-first-application/) - An article describing the Elm architecture and how to build a simple application
* [Functional Programming for Web Frontend by Jan Luxemburk](https://drive.google.com/file/d/0BzfJvCA4sXjQNjJwd2twQUFOU0k/view) - A Bachelor’s thesis about [functional programming](/@harrisonqian/awesome/wiki/programming-languages/functional-programming) for [frontend development](/@harrisonqian/awesome/wiki/platforms/frontend-development) with the focus on Elm.

### Outdated articles (Not relevant for current Elm architecture)

* [Elm for Web Developers](https://github.com/eeue56/elm-for-web-developers) - A collection of notes for web developers looking into moving to Elm.
* [Elm & Components](https://medium.com/p/elm-components-3d9c00c6c612) - 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](https://github.com/foxdonut/adventures-reactive-web-dev/tree/master/client-elm#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](https://medium.com/@diamondgfx/getting-started-with-elm-11d7a53b1a78) - Series of Elm [education](/@harrisonqian/awesome/wiki/back-end-development/education) [tutorials](/@harrisonqian/awesome/wiki/computer-science/tutorials).
* [Elm & Guarantees](https://medium.com/@debois/elm-guarantees-92a66679f7bd) - a realistic look at where Elm is and isn’t superior to other options.

**[:top: back to top](#table-of-contents)**

---

## Conference Videos

*Watch great talks about Elm*

These are mostly conference talks, for videos about learning Elm look at the [Learning Videos](#learning-videos) section.

### Playlists

* [Elm Conf 2019](https://www.youtube.com/playlist?list=PLglJM3BYAMPGsAM4QTka7FwJ0xLPS0mkN) - Sep 2019
* [Elm Europe 2019](https://www.youtube.com/playlist?list=PL-cYi7I913S_oRLJEpsVbSTq_OOMSXlPD) - Jun 2019
* [Elm in the Spring 2019](https://www.youtube.com/channel/UC_wKoNegfKbmVIPg7YYKLWQ) - Jun 2019
* [Oslo Elm Day 2019](https://www.youtube.com/playlist?list=PLcAzxXzXQlPbalOfueVbHCRSo26ksIXiF) - Feb 2019
* [Elm Conf 2018](https://www.youtube.com/playlist?list=PLglJM3BYAMPHuB7zrYkH2Kin2vQOkr2xW) - All [talks](/@harrisonqian/awesome/wiki/theory/talks) from elm-conf 2018
* [Elm Europe 2018](https://www.youtube.com/playlist?list=PL-cYi7I913S-VgTSUKWhrUkReM_vMNQxG) - A playlist of all [talks](/@harrisonqian/awesome/wiki/theory/talks) from Elm Europe 2018
* [Elm Conf 2017](https://www.youtube.com/playlist?list=PLglJM3BYAMPFTT61A0Axo_8n0s9n9CixA) - All [talks](/@harrisonqian/awesome/wiki/theory/talks) from elm-conf 2017
* [Elm Europe 2017](https://www.youtube.com/playlist?list=PL-cYi7I913S8cGyZWdN6YVZ028iS9BfpM) - A playlist of all [talks](/@harrisonqian/awesome/wiki/theory/talks) from Elm Europe 2017
* [Oslo Elm Day 2017](https://www.youtube.com/playlist?list=PLcAzxXzXQlPZsNcYycHittqeF3UG4dGli) - A playlist of all [talks](/@harrisonqian/awesome/wiki/theory/talks) from Oslo Elm Day 2017
* [Elm Conf 2016](https://www.youtube.com/playlist?list=PLglJM3BYAMPH2zuz1nbKHQyeawE4SN0Cd) - All [talks](/@harrisonqian/awesome/wiki/theory/talks) from elm-conf 2016

### Miscellaneous videos

* [Dillon Kearns: Types Without Borders | 2018](https://www.youtube.com/watch?v=memIRXFSNkU) - elm-conf 2018 talk about end-to-end type-safety using external schemas like [GraphQL](/@harrisonqian/awesome/wiki/miscellaneous/graphql).
* [Jamison Dance: Rethinking All Practices - Building Applications in Elm | 2016](https://www.youtube.com/watch?v=txxKx_I39a8) - A talk given at [React](/@harrisonqian/awesome/wiki/front-end-development/react).js Conf 2016 about what Elm has to teach the [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) world and why JS devs should consider trying it.
* [Richard Feldman: Introduction to Elm | 2016](https://www.youtube.com/watch?v=3_M2G9U51GA) - A talk that gives a broad, high-level introduction to Elm.
* [Amitai Burstein: Frontend with Guarantees | 2016](https://www.youtube.com/watch?v=FgaoOgJ5CAU) - A talk from You Gotta Love Frontend 2016
* [Jessica Kerr: Adventures in Elm | 2016](https://www.youtube.com/watch?v=cgXhMc8M4X4) - A talk about the combination of [functional programming](/@harrisonqian/awesome/wiki/programming-languages/functional-programming) with Elm at GOTO Chicago 2016.
* [Aaron VonderHaar: Codevember | 2016 ](https://www.youtube.com/playlist?list=PLDA4wlOlLJvXAEsJDje4hdLazsihZiQNf) + [ElmLive](https://www.youtube.com/playlist?list=PLDA4wlOlLJvWSYo3KiEa4q4ETkXpTaKlw) - elm live video examples.
* [Richard Feldman: Making impossible states impossible | 2016](https://www.youtube.com/watch?v=IcgmSRJHu_8) - A talk about modelling data structures in Elm in a way that makes invalid states unrepresentable
* [Richard Feldman: Effects as Data | 2015](https://www.youtube.com/watch?v=6EdXaWfoslc) - A talk about how Elm manages side effects.
* [Richard Feldman: Make the Back-End Team Jealous: Elm in Production | 2015](http://www.youtube.com/watch?v=FV0DXNB94NE) - A talk about Elm and initial steps to use it in production.
* [Evan Czaplicki: Let's be mainstream! User focused design in Elm | 2015](https://www.youtube.com/watch?v=oYk8CKH7OhE) - A talk from the father of Elm about the philosophy behind the language.

---

## News

* [Official Elm News](https://elm-lang.org/news) - Official Elm blog
* [Elm Weekly](http://www.elmweekly.nl/) - A weekly newsletter about Elm
* [Elm Bits](https://elmbits.com/) - A free weekly newsletter about Elm featuring hand-picked news, articles, books, events, tools, and libraries.
* [Elm News](https://elm-news.com/) - All Elm news in one place
* [Elm Greenwood](https://releases.elm.dmy.fr/) - Elm packages releases
* [Elm Reddit](https://www.reddit.com/r/elm/) - Elm news in Reddit

---

## Podcasts

*Listen to podcasts about Elm*

* [Elm Radio](https://elm-[radio](/@harrisonqian/awesome/wiki/miscellaneous/radio).com) - Tune in to the tools and techniques in the Elm ecosystem.
* [Elm Town](https://elmtown.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/) - A podcast about the people in the Elm community (Outdated).

### Individual Podcast episodes

* [Functional Geekery 33](https://www.functionalgeekery.com/functional-geekery-episode-33-richard-feldman-and-tessa-kelly/) - Richard Feldman and Tessa Kelly.
* [The Changelog 218](https://changelog.com/podcast/218) - Elm with Evan Czaplicki and Richard Feldman
* [The Changelog 191](https://changelog.com/podcast/191/) - Elm and [Functional Programming](/@harrisonqian/awesome/wiki/programming-languages/functional-programming) with Richard Feldman.
* [Software Engineering Daily](http://softwareengineeringdaily.com/2015/11/03/elm-with-richard-feldman-and-srinivas-rao/) - Elm with Richard Feldman and Srinivas Rao.
* [The Web Platform Podcast 15](http://thewebplatform.libsyn.com/functional-programming-with-elm-[clojurescript](/@harrisonqian/awesome/wiki/programming-languages/clojurescript)-om-and-react) - [Functional Programming](/@harrisonqian/awesome/wiki/programming-languages/functional-programming) with Elm, [ClojureScript](/@harrisonqian/awesome/wiki/programming-languages/clojurescript), Om, and [React](/@harrisonqian/awesome/wiki/front-end-development/react).
* [The Web Platform Podcast 76](http://thewebplatformpodcast.com/76-the-elm-programming-language) - The Elm Programming Language.
* [The Web Platform Podcast 108](http://thewebplatformpodcast.com/108-elm-revisited) - Elm Revisited.
* [Full Stack [Radio](/@harrisonqian/awesome/wiki/miscellaneous/radio) 44](http://www.fullstackradio.com/44) - What the heck is Elm? In this episode, Joel Clermont [talks](/@harrisonqian/awesome/wiki/theory/talks) about Elm and [functional programming](/@harrisonqian/awesome/wiki/programming-languages/functional-programming).
* [InfoQ Podcast 2017-04-27](https://www.infoq.com/podcasts/richard-feldman) - Richard Feldman discusses how Elm compares to [React](/@harrisonqian/awesome/wiki/front-end-development/react).js

**[:top: back to top](#table-of-contents)**

---

## Testing

Tools and libraries to test your Elm applications

* [Elm test](https://github.com/elm-explorations/test) - Unit and fuzz tests
* [Elm Program test](https://github.com/avh4/elm-program-test/tree/3.0.0) - Test complete Elm programs
* [Elm Spec](https://github.com/brian-watkins/elm-spec) - Describe the behavior of Elm programs.

**[:top: back to top](#table-of-contents)**

---

## Code generators

* [Elm Bridge](https://github.com/agrafix/elm-bridge) - Generate Elm types from [Haskell](/@harrisonqian/awesome/wiki/programming-languages/haskell)
* [Elm CodeGen](https://github.com/mdgriffith/elm-codegen) - Generate Elm code
* [Elm TS Interop](https://github.com/dillonkearns/elm-ts-json) - Build up Encoders/Decoders between Elm and TypeScript.
* [Elm TypeScript Interop](https://github.com/dillonkearns/elm-typescript-interop) - Generate TypeScript definitions from Elm (`Elm TS Interop` is an improved version of this).
* [elm-gql](https://github.com/vendrinc/elm-gql) - Generate [GraphQl](/@harrisonqian/awesome/wiki/miscellaneous/graphql) client code from [GraphQL](/@harrisonqian/awesome/wiki/miscellaneous/graphql) queries
* [elm-graphql](https://github.com/dillonkearns/elm-graphql) - Generate [GraphQl](/@harrisonqian/awesome/wiki/miscellaneous/graphql) client code from GraphQL schemas
* [haskell-to-elm](https://github.com/folq/haskell-to-elm) - Generate Elm types, encoders, and decoders from [Haskell](/@harrisonqian/awesome/wiki/programming-languages/haskell) types
* [HTML to Elm](http://mbylstra.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/html-to-elm/) - Convert HTML to Elm Html. Useful when porting an app to Elm.
* [JSON Schema to Elm](https://github.com/dragonwasrobot/json-schema-to-elm) - Generates Elm types, [JSON](/@harrisonqian/awesome/wiki/miscellaneous/json) decoders, JSON encoders and fuzz tests from JSON schema specifications
* [OpenApi Generator](https://github.com/OpenAPITools/openapi-generator) - Generate OpenApi types for Elm.
* [PostCSS Elm Tailwind](https://github.com/monty5811/postcss-elm-tailwind) - Put some Tailwind in your Elm
* [Protoc Gen Elm](https://github.com/andreasewering/protoc-gen-elm) - Generate Protobuf En/Decoders from .proto files
* [Quicktype](https://github.com/quicktype/quicktype) - Generate [JSON](/@harrisonqian/awesome/wiki/miscellaneous/json) decoders and encoders from JSON
* [Travelm Agency](https://github.com/andreasewering/travelm-agency) - Generate typesafe Elm code from translation files

**[:top: back to top](#table-of-contents)**

---

## Package managers

*Place to share Elm libraries.*

* [elm-package](https://github.com/elm-lang/elm-package) - Command line tool to share Elm libraries.

**[:top: back to top](#table-of-contents)**

---

## Libraries

You can find hundreds of high quality packages at:

* [Elm packages](https://package.elm-lang.org/) - The official registry
* [Elm Catalog](https://korban.net/elm/catalog) - Find packages in a catalog organized into categories.
* [Elm Search](http://klaftertief.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/elm-search/) - Search Elm documentation for operators, function signatures, etc.

**[:top: back to top](#table-of-contents)**

---

## Boilerplates

*Good starting point for a new Elm project.*

* [create-elm-app](https://github.com/halfzebra/create-elm-app) - Create Elm [apps](/@harrisonqian/awesome/wiki/platforms/apps) with no build configuration.
* [elm-boil](https://github.com/GioPat/elm-boil) - Command Line Utility for creating an Elm boilerplate project easy to run, build and get deployed
* [elm-live](https://github.com/wking-io/elm-live) - A flexible dev server for Elm. Live reload included.
* [elm-webpack-4-starter](https://github.com/romariolopezc/elm-webpack-4-starter) - Elm webpack 4 starter template.
* [example-elm-hot-webpack](https://github.com/klazuka/example-elm-hot-webpack) - Example showing hot module reloading for Elm 0.19 and Webpack
* [Elm Batteries](https://github.com/cedricss/elm-batteries) - A project template and generator for Elm, Parcel, Cypress and Netlify
* [IHP + Elm](https://www.youtube.com/watch?v=b9ULHutH6ag) - The IHP [Haskell](/@harrisonqian/awesome/wiki/programming-languages/haskell) Framework provides a built-in Elm boilerplate, useful when working with elm in the frontend and haskell in the backend

### Outdated Boilerplates

* [elm-webpack-starter](https://github.com/moarwick/elm-webpack-starter) - A simple Webpack setup for writing Elm [apps](/@harrisonqian/awesome/wiki/platforms/apps).
* [elm-app-boilerplate](https://github.com/gkubisa/elm-app-boilerplate) - A fully-featured base project for Elm [apps](/@harrisonqian/awesome/wiki/platforms/apps): Webpack, HMR, ES6, JS and Elm tests, Semantic UI, sample code and more.
* [elmkit](https://github.com/khusnetdinov/elmkit) - A lightweight Brunch based setup for web app. Includes Brunch, Hot Module Replacement, Elm, Scss, Elm tests.
* [elm-boilerplate](https://github.com/guillaumearm/elm-boilerplate) - A simple Makefile able to create Elm app.
* [elm-init](https://github.com/JustusAdam/elm-init) - Interactive setup for new Elm projects.
* [elm-new](https://github.com/simonewebdesign/elm-new) - Generate initial project scaffolding based on a template.
* [elm-webpack-starter-kid](https://github.com/FranzSkuffka/elm-webpack-starter-kid) - A very very basic elm + webpack 4 template.
* [generator-elm-mdl](https://github.com/ashellwig/generator-elm-mdl) - Yeoman generator for a simple elm application utilizing [Material Design](/@harrisonqian/awesome/wiki/front-end-development/material-design).

**[:top: back to top](#table-of-contents)**

---

## Frameworks

*Projects that bring a framework approach to Elm (scaffolding, route generation, etc)*

- [elm-spa](https://www.elm-spa.dev/) - Framework for making single page [apps](/@harrisonqian/awesome/wiki/platforms/apps) in Elm.
- [Elm Land](https://elm.land/) - A framework for building Elm applications.
- [Spades](https://github.com/rogeriochaves/spades) - Start an Elm SPA ready to the real world.

---

## Static analysis

* [Elm Analyse](https://github.com/stil4m/elm-analyse) - Linter for the Elm programming language.
* [Elm Review](https://github.com/jfmengels/elm-review) - Code reviewer for the Elm programming language.

**[:top: back to top](#table-of-contents)**

---

## Static site generators

* [Elm Pages](http://elm-pages.com) - Static site generator that prerenders HTML and hydrates into an Elm client-side app ([here is a brief comparison with elmstatic](https://elm-pages.com/blog/introducing-elm-pages#comparing-elm-pages-and-elmstatic)).
* [Elmstatic](https://korban.net/elm/elmstatic) - Elm-based static site generator.
* [elm-starter](https://github.com/lucamug/elm-starter) - An experimental Elm-based bootstrapper that can also be plugged into already existing Elm applications.

**[:top: back to top](#table-of-contents)**

---

## Showcase generators

* [Elm Book](http://elm-book-in-elm-book.netlify.app) - Rich documentation builder based on [Storybook](/@harrisonqian/awesome/wiki/front-end-development/storybook) and HexDocs.
* [Elm UI Explorer](https://github.com/kalutheo/elm-ui-explorer) - Showcase your views and states.

**[:top: back to top](#table-of-contents)**

---

## Run Elm

* [Ellie](https://ellie-app.com/) - The Elm Live Editor
* [Elm Editor](https://elm-editor.com/) - Advanced Elm Live Editor
* [run-elm](https://github.com/jfairbank/run-elm) — Run Elm code from the command line
* [elm-instant](https://atom.io/packages/elm-instant) - [atom](/@harrisonqian/awesome/wiki/editors/atom) package to try your elm code from the editor. Provides a visual REPL and a preview pane.
* [Glitch](https://glitch.com/search?q=elm&activeFilter=project) - Build fast, full-stack web [apps](/@harrisonqian/awesome/wiki/platforms/apps) in your browser.
* [Elm Live](https://elm-live.com/) - A flexible dev server for Elm. Live reload included!
* [Elm Watch](https://github.com/lydell/elm-watch) - `elm make` in watch mode. Fast and reliable.

**[:top: back to top](#table-of-contents)**

---

## Compile and bundle

* [elm-compiler](https://github.com/elm/compiler) - The official Elm compiler.
* [elm-webpack-loader](https://github.com/elm-community/elm-webpack-loader) - Webpack loader Elm.
* [Parcel](https://parceljs.org/languages/elm/) - Bundle Elm using Parcel.
* [vite-plugin-elm](https://github.com/hmsk/vite-plugin-elm) - Vite plugin for Elm.

### Unmaintained

* [grunt-elm](https://github.com/rtfeldman/grunt-elm) - Grunt plugin that compiles Elm files to [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript).

**[:top: back to top](#table-of-contents)**

---

## Other tools

*Useful tools related to Elm.*

* [Elm Catalog](https://korban.net/elm/catalog) - A catalog of Elm tools.
* [Dependabot](https://dependabot.com) - Automatic update PRs for your elm.[json](/@harrisonqian/awesome/wiki/miscellaneous/json).
* [Elm Doc Preview](https://github.com/dmy/elm-doc-preview) - Elm offline documentation previewer.
* [Elm Format](https://github.com/avh4/elm-format) - Automatic Elm code formatter adhering to [Elm Style Guide](http://elm-lang.org/docs/style-guide).
* [Elm JSON](https://github.com/zwilias/elm-json) - Install, upgrade and uninstall Elm dependencies
* [Elm Oracle](https://github.com/ElmCast/elm-oracle) - Query for information about values in elm source files. Used by most editor plugins.
* [type-o-rama](https://github.com/stereobooster/type-o-rama) - JS type systems interportability.
* [Html to Elm](https://html-to-elm.com/) - Convert HTML to Elm.
* [elm-posix](https://github.com/albertdahlin/elm-posix) - Write CLI programs using Elm
* [Litvis](https://github.com/gicentre/litvis) - Literate Visualization with Elm

**[:top: back to top](#table-of-contents)**

---

## Editor plugins

*Tools to support Elm in code editors.*

### Atom

* [atom-linter-elm-make](https://atom.io/packages/linter-elm-make) - Elm code linter for the [Atom](/@harrisonqian/awesome/wiki/editors/atom) editor.
* [atom-elm-snippets](https://github.com/chiefGui/atom-elm-snippets) - Elm snippets for [Atom](/@harrisonqian/awesome/wiki/editors/atom).
* [atom-language-elm](https://atom.io/packages/language-elm) - Syntax highlighting and autocompletion for the [Atom](/@harrisonqian/awesome/wiki/editors/atom) editor.
* [elmjutsu](https://atom.io/packages/elmjutsu) - Autocompletion, go to definition, find usages, rename symbol, etc. for the [Atom](/@harrisonqian/awesome/wiki/editors/atom) editor.
* [atom-elm-navigator](https://atom.io/packages/elm-navigator) - A side panel that helps to navigate to any function, type definition or port in your project.

### Emacs

* [emacs-elm-mode](https://github.com/jcollard/elm-mode) - Syntax highlighting, Elm REPL, Elm make and Elm format [integration](/@harrisonqian/awesome/wiki/platforms/integration) for the [Emacs](/@harrisonqian/awesome/wiki/editors/emacs) editor.

### IntelliJ

* [elm-plugin](https://github.com/klazuka/intellij-elm) - Elm plugin for IntelliJ IDEA.

### Sublime Text

* [LSP-elm](https://github.com/sublimelsp/LSP-elm) - Elm Language Server for Sublime (Recommended).
* [Elm Language Server](https://github.com/elm-tooling/elm-language-server#sublime) - Language server implementation for Elm
* [Elm Syntax Highlighting](https://packagecontrol.io/packages/Elm%20Syntax%20Highlighting) - Syntax Highlighting for Elm in [Sublime Text](/@harrisonqian/awesome/wiki/editors/sublime-text).
* [Elm Format on Save](https://github.com/evancz/elm-format-on-save) - [Sublime Text](/@harrisonqian/awesome/wiki/editors/sublime-text) plugin to run elm-format on save.

### Vim/Neovim

* [theJian/elm.vim](https://github.com/theJian/elm.vim) - Elm syntax highlighting. Use with [ale or Neoformat for Neovim](https://github.com/avh4/elm-format/issues/610) since ElmCast/elm-vim does not support Elm 0.19.
* [ElmCast/elm-vim](https://github.com/ElmCast/elm-vim) - Elm 0.18 mode for Vim/[Neovim](/@harrisonqian/awesome/wiki/editors/neovim).
* [vim-elm-help](https://github.com/hoelzro/vim-elm-help) - Offline Elm documentation access in your editor.
* [emmet-vim](https://github.com/mattn/emmet-vim) - Markup expansion with elm support.

### Visual Studio Code

* [ElmLS](https://marketplace.visualstudio.com/items?itemName=Elmtooling.elm-ls-vscode) - Elm Language Server [integration](/@harrisonqian/awesome/wiki/platforms/integration)
* [Elmmet: Emmet for Elm (Visual Studio Code)](https://marketplace.visualstudio.com/items?itemName=necinc.elmmet) - Emmetio abbreviation expander into composition of Elm function with elm-format'er inside.
* [HTML to Elm for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=Rubymaniac.vscode-html-to-elm) - VSCode plugin to convert HTML to Elm

### Other editors

* [elm-light-table](https://github.com/rundis/elm-light) - Syntax highlighting, REPL, autocompletion, package management and much more for Light Table.

**[:top: back to top](#table-of-contents)**

---

## Examples

*Some good apps written in Elm.*

* [Builtwithelm](http://builtwithelm.co/) - Web site built with elm with list of projects and [apps](/@harrisonqian/awesome/wiki/platforms/apps) built with Elm.
* [Elm SPA Example](http://rtfeldman.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/elm-spa-example/) - Full stack Elm app w/ CRUD operations, Auth, routing, pagination and more. [Code](https://github.com/rtfeldman/elm-spa-example) / [Article](https://dev.to/rtfeldman/tour-of-an-open-source-elm-spa) / [Video](https://youtu.be/RN2_NchjrJQ)
* [Elm Example App](https://github.com/sporto/elm-example-app) - A small SPA example in Elm to learn the basics
* [TodoMVC](https://github.com/evancz/elm-todomvc) - Proper implementation of the TodoMVC app.
* [TodoMVC with [JSON](/@harrisonqian/awesome/wiki/miscellaneous/json) API](https://github.com/andrewsuzuki/elm-todo-[rest](/@harrisonqian/awesome/wiki/miscellaneous/rest)-api) - Bare-bones, modular, heavily-documented todo app with JSON API persistence.
* [TodoMVC/Firebase](https://github.com/ThomasWeiser/todomvc-elmfire) - Fork of TodoMVC demonstrating start-app, [The Elm Architecture](https://github.com/evancz/elm-architecture-tutorial) and [Firebase](/@harrisonqian/awesome/wiki/platforms/firebase) as backend.
* [TodoMVC in Electron](https://github.com/nirgn975/Elmctron) -  Documented and tested implementation of the Elm TodoMVC app in [Electron](/@harrisonqian/awesome/wiki/platforms/electron).
* [Gipher](https://github.com/matthieu-beteille/gipher) - A Tinder-like application for gifs built with elm and [firebase](/@harrisonqian/awesome/wiki/platforms/firebase)!
* [Collection of examples](https://github.com/halfzebra/elm-examples) - A collection of examples with advanced techniques for real-world Elm [apps](/@harrisonqian/awesome/wiki/platforms/apps).
* [\<elm-ement\>](https://github.com/ohanhi/elm-ement) – Minimal example of a custom element.
* [Elm Playground](http://elm-playground.maciejsmolinski.com/) - Tiny Elm projects implemented for the sake of [learning](/@harrisonqian/awesome/wiki/programming-languages/learning) by example.
* [Elm Architecture in Android](https://github.com/glung/elm-architecture-android) - An example [Android](/@harrisonqian/awesome/wiki/platforms/android) application implemented with the Elm Architecture using the [Kotlin](/@harrisonqian/awesome/wiki/programming-languages/kotlin) programming language and Anko library.
* [Elm + Phoenix + Webpack](https://github.com/ronanyeah/elm-phoenix-example) - A minimal Elm + Phoenix setup, using webpack instead of Brunch.
* [Spotify Mapper](https://github.com/FidelisClayton/elm-spotify-mapper) - Elm app integrated with Spotify Api to search and explore new artists.
* [Pokelmon](https://github.com/brenopanzolini/pokelmon) - Elm project consuming PokéAPI.
* [JWT auth with Django + Elm](https://github.com/apirobot/django-elm-auth-with-jwt) - [JSON](/@harrisonqian/awesome/wiki/miscellaneous/json) Web Token (JWT) authentication using Django (backend) and Elm (frontend).
* [Bitcoin BR Chrome Extension](https://github.com/jouderianjr/bitcoin-br-chrome-extension) - Chrome extension built in Elm that shows the [bitcoin](/@harrisonqian/awesome/wiki/decentralized-systems/bitcoin) value in all Brazilian exchanges.
* [Elmstagram](https://github.com/bkbooth/Elmstagram) - Basic UI Clone of Instagram / Articles - [Part 1](https://benbooth.dev/building-a-basic-ui-clone-of-instagram-using-elm-part-1/) [Part 2](https://benbooth.dev/building-a-basic-ui-clone-of-instagram-using-elm-part-2/) [Part 3](https://benbooth.dev/building-a-basic-ui-clone-of-instagram-using-elm-part-3/)
* [Kanban Board in Elm](https://github.com/huytd/kanelm) - A kanban board (trello-alike) built with Elm and [HTML5](/@harrisonqian/awesome/wiki/front-end-development/html5) Drag & Drop API
* [Elm Playground](https://ccamel.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/playground-elm/index.html) - Pure SPA (with routing) exploring various aspects of Elm.
* [Elm Hacker News PWA](https://github.com/elmariofredo/elm-hn-pwa) - A progressive web app built with Elm version 0.18, using the official Hacker-News API
* [Elm Narrative Engine](https://github.com/jschomay/elm-narrative-engine) - A framework for building interactive fiction style stories in Elm. Detailed example [elmnarrativeengine.com](http://elmnarrativeengine.com) shows how to build a "chose your own adventure" game; perfect for beginners. **Elm v.0.19**
* [Ari's Garden](https://github.com/theiceshelf/arisgarden) - A recipe [site](https://arisgarden.theiceshelf.com/) built as an SPA that also makes use of the Elm parser.
* [Bolster](https://github.com/tarbh-engineering/journal) - An end-to-end encrypted journal app.
* [Conway's Game of Life](https://github.com/pecheneg2015/elm-conway-life) - Elm implementation of Conway's Game of Life. **Elm v.0.19**
* [Regex Nodes](https://github.com/johannesvollmer/regex-nodes) - A [node-based visual editor for fiddling with regular expressions](https://johannesvollmer.com/regex-nodes/), built with Elm.

### Games

* [elm-games](https://github.com/rofrol/elm-games) - An excellent list of games made in Elm
* [TheSpace App](https://github.com/thematters/thespace-app) - A reddit place like DApp with blockchain and [canvas](/@harrisonqian/awesome/wiki/front-end-development/canvas)(through port) [integration](/@harrisonqian/awesome/wiki/platforms/integration) in Elm.

**[:top: back to top](#table-of-contents)**

---

## Community and Support

* [Companies using Elm](https://github.com/jah2488/elm-companies) - A list of companies using Elm in production.

*Where to find help.*

* [Discourse](https://discourse.elm-lang.org/) - Elm Discourse instance (official forum).
* [Reddit](https://www.reddit.com/r/elm) - Elm board on reddit.
* [IRC](http://webchat.freenode.net/?channels=elm) - Ask questions on elm freenode.
* [Slack](https://elm-lang.org/community/slack) - Elm [slack](/@harrisonqian/awesome/wiki/work/slack) community.

**[:top: back to top](#table-of-contents)**

---

## Conferences

* [Elm Conf](https://2019.elm-conf.com/)
* [Elm Europe](https://2019.elmeurope.org/)
* [Elm in the spring](https://www.elminthespring.org/)
* [Oslo Elm day](https://osloelmday.no/)
* [Elm Japan](https://elmjapan.org/)
* [Elm Camp](https://elm.camp/)

**[:top: back to top](#table-of-contents)**

---

## Inspired by Elm

*Some projects influenced by Elm*

* [Bolero](https://fsbolero.io/) - F# in [WebAssembly](/@harrisonqian/awesome/wiki/front-end-development/webassembly) using Elmish
* [Bucklescript-TEA](https://github.com/OvermindDL1/bucklescript-tea) - The Elm Architecture based on [OCaml](/@harrisonqian/awesome/wiki/programming-languages/ocaml) / Reason and [Bucklescript](https://bucklescript.[github](/@harrisonqian/awesome/wiki/development-environment/github).io/)
* [Elchemy](https://github.com/wende/elchemy) - Write [Elixir](/@harrisonqian/awesome/wiki/programming-languages/elixir) code using statically-typed Elm-like syntax
* [Elmish](https://github.com/elmish/elmish) - Elm-like abstractions for F# [apps](/@harrisonqian/awesome/wiki/platforms/apps)
* [Fabulous](https://github.com/fsprojects/Fabulous) - F# Functional App Development, using declarative dynamic UI
* [Flame](https://github.com/easafe/purescript-flame) - A library that provides The Elm Architecture in [PureScript](/@harrisonqian/awesome/wiki/programming-languages/purescript).
* [Hyperapp](https://github.com/jorgebucaran/hyperapp) - A library that provide The Elm Architecture in [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript).
* [Iced](https://github.com/hecrj/iced) - A [cross-platform](/@harrisonqian/awesome/wiki/platforms/cross-platform) GUI library for [Rust](/@harrisonqian/awesome/wiki/programming-languages/rust), inspired by Elm
* [Indigo](https://indigoengine.io/) - Indigo is an Elm-inspired game engine for [Scala](/@harrisonqian/awesome/wiki/programming-languages/scala).js.
* [Lustre](https://github.com/lustre-labs/lustre) - A library that provides The Elm Architecture in Gleam.
* [Miso](https://github.com/dmjio/miso) - A library that provides The Elm Architecture in [Haskell](/@harrisonqian/awesome/wiki/programming-languages/haskell).
* [Mobius](https://github.com/spotify/mobius) - Elm-like abstractions for [android](/@harrisonqian/awesome/wiki/platforms/android) [apps](/@harrisonqian/awesome/wiki/platforms/apps), created by Spotify.
* [React-tea-cup](https://github.com/vankeisb/react-tea-cup) - A thin library that provides The Elm Architecture in [react](/@harrisonqian/awesome/wiki/front-end-development/react), used by IBM.
* [Redux](https://redux.js.org/introduction/prior-art) - A predictable state container for [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) [apps](/@harrisonqian/awesome/wiki/platforms/apps).
* [Roc](https://github.com/roc-lang/roc) - A language that targets [WebAssembly](/@harrisonqian/awesome/wiki/front-end-development/webassembly) and machine code inspired by Elm.

---
*truncated — [full list on GitHub](https://github.com/sporto/awesome-elm)*
