Try Haste & HPlayground client-side framework.

Create, compile to HTML+JavaScript and execute your Haskell programs in the browser

Run this locally or create your own heroku instance: code & docs

Save your compliled program (HTML+Javascript) by downloading the HTML generated page , which contains all the JScript necesary for running it locally

Thanks to Anton Ekblad for his wonderful haste compiler

NOTE: this IDE does not execute Haste programs with server side (using Haste.App)

NOTE 2: From time to time Heroku reset the instance and erase your files

Create a new program

Compile a Haste project from a Git repository

Or you can modify and rename one of these examples:

helloworld.hs
The hello world program using hplayground
...
more
hello-haste.hs:
This program will ask the user for her name, and echo a greeting back into
this text box as a comment.
NOTE: Haste programs with server side do not run in this IDE

execute alone | edit & compile & execute | delete

spreadsheet.hs
Example of spreadsheet-like behaviour using loeb iteration
http://blog.sigfpe.co...
more
at.hs
relocating the output within a div using 'at'

classical presentation of a sum ...
more
haste-canvas-simple.hs
Adapted from the canvas-simple from the Haste repository at:
https://github.com/...
more
drawcanvas.hs
This example draw a function of x between 10 and -10. You can define the functio...
more
console.hs
What a basic console application would look like using hplayground
...
more
haste-calculator.hs
calculator example taken from the haste examples at:
https://github.com/valderma...
more
counter.hs
Two counters. One is pure and recursive, the other is stateful
...
more
htryhplay.hs
The browser side part of tryplayground coded as a single page hplayground app.

...
more