suavemente: An applicative functor that seamlessly talks to HTML inputs.

[ bsd3, library, web ] [ Propose Tags ]

Please see the README on GitHub at

[Skip to Readme]


Maintainer's Corner

Package maintainers

For package maintainers and hackage trustees


  • No Candidates
Versions [RSS],
Change log
Dependencies aeson, base (>=4.7 && <5), blaze-markup, bytestring, colour, containers, diagrams-core, diagrams-lib, diagrams-svg, interpolatedstring-perl6, lens, mtl, servant, servant-blaze, servant-server, servant-websockets, stm, streaming, svg-builder, text, transformers, warp, websockets [details]
License BSD-3-Clause
Copyright 2019 Sandy Maguire
Author Sandy Maguire
Category Web
Home page
Bug tracker
Source repo head: git clone
Uploaded by isovector at 2019-07-08T14:37:57Z
Distributions NixOS:
Downloads 1099 total (12 in the last 30 days)
Rating (no votes yet) [estimated by Bayesian average]
Your Rating
  • λ
  • λ
  • λ
Status Docs uploaded by user [build log]
All reported builds failed as of 2019-07-08 [all 3 reports]

Readme for suavemente-

[back to package description]


Build Status Hackage Stackage LTS Stackage Nightly


Today's kitchen is all about a well-planned space that makes cooking a completely interactive experience among family and friends.

Candice Olson


Suavemente is an applicative functor capable of seamlessly talking to HTML elements. Running a suavemente program automatically spins up a webserver and hooks up its pages with websockets. The use case is to quickly deploy simple, interactive Haskell programs without needing to figure out how the fuck GHCJS works.


{-# LANGUAGE ApplicativeDo #-}

module Main where

import Diagrams.Backend.SVG
import Diagrams.Prelude hiding (rad)
import Web.Suavemente
import Web.Suavemente.Diagrams

main :: IO ()
main = suavemente sendDiagram $ do
  rad <- slider "Radius" 1 10 5
  r   <- realSlider "Red" 0 1 0.05 1
  g   <- realSlider "Green" 0 1 0.05 1
  b   <- realSlider "Blue" 0 1 0.05 1
  x   <- slider "X" 0 20 10
  y   <- slider "Y" 0 20 10

  pure (
    circle rad
            # fc (sRGB r g b)
            # translate (r2 (x, y))
            # rectEnvelope (p2 (0, 0)) (r2 (20, 20))
    :: Diagram B)

Hit localhost:8080 to see it in action!