Need help with elm-architecture-tutorial?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

4.1K Stars 775 Forks BSD 3-Clause "New" or "Revised" License 164 Commits 9 Opened issues


How to create modular Elm code that scales nicely with your app

Services available


Need anything else?

Contributors list


Elm is a programming language that compiles to JavaScript. It is known for its friendly error messages, helping you find issues quickly and refactor large projects with confidence. Elm is also very fast and very small when compared with React, Angular, Ember, etc.

This repo focuses on The Elm Architecture, an architecture pattern you see in all Elm programs. It has influenced projects like Redux that borrow core concepts but add many JS-focused ideas.

The Elm Architecture

The Elm Architecture is a simple pattern for architecting webapps. The core idea is that your code is built around a

of your application state, a way to
your model, and a way to
your model.

To learn more about this, read the the official guide and check out this section which is all about The Elm Architecture. This repo is a collection of all the examples in that section, so you can follow along and compile things on your computer as you read through.

Run The Examples

After you install, run the following commands in your terminal to download this repo and start a server that compiles Elm for you:

git clone
cd elm-architecture-tutorial
elm reactor

Now go to http://localhost:8000/ and start looking at the

directory. When you edit an Elm file, just refresh the corresponding page in your browser and it will recompile!

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.