How to run Elm code in your browser?

• REPL

  Where a read-evaluate-print-loop UI is available to execute Elm code.
  • The REPL in the official Elm guide is surrounded by tutorial code and explanations.
  • On elmrepl.de you can edit one Elm file and also access its declarations from a REPL input field. You can create links for sharing and also import/export state.
  • The REPL on elm.run/repl compiles the code in your browser. Uses a WebAssembly build of parts of the Elm compiler.
  • The REPL on pithub/elm-repl-worker compiles the code in your browser. Uses a full port of the Elm compiler from Haskell to Elm.

• Editor

Where you can edit at least one Elm file, trigger compilation and view the result.
• elm-lang.org/try supports editing one Elm file.
• Ellie (Elm Live Editor) supports storing the program on a server and sharing a link to it.
• Elm Editor can import projects from public git repositories and import and export projects from/to zip files.
• Tour of Elm is actually more of a tutorial of the Elm programming language, but also allows to edit Elm and html files.

• Literate/Notebook programming

  Where you write a (text) document, and can have interactive code segments inside.
  • elm-notebook.org comes with user management and allows to store private and public notebooks.

• Interactive exploration

  • The UI of miniBill/elm-interpreter can be used to visualize the flow of Elm code and is also useful as a step-by-step debugger. This helps greatly with understanding complex algorithms.