<html lang="en">
<head></head>
<body>
<div>
<a href="http://github.com/dmjio/miso" data-ribbon="Fork me on GitHub" title="Fork me on GitHub" rel="noopener" class="github-fork-ribbon left-top fixed" target="blank">Fork me on GitHub</a>
<section class="hero is-medium is-primary is-bold has-text-centered">
<div class="hero-head">
<header class="nav">
<div class="container">
<div class="nav-left"><a class="nav-item"></a></div>
<span class="nav-toggle "><span></span><span></span><span></span></span>
<div class="nav-right nav-menu ">
<a href="/" class="nav-item is-active">Home</a><a href="/examples" class="nav-item ">Examples</a><a href="/docs" class="nav-item ">Docs</a> <a href="/community" class="nav-item ">Community</a> </div>
</div>
</header>
</div>
<div class="hero-body">
<div class="container">
<div class="animated fadeIn">
<a href="https://github.com/dmjio/miso"><img width="100" src="https://camo.githubusercontent.com/d6641458f09e24e8fef783de8278886949085960/68747470733a2f2f656d6f6a6970656469612d75732e73332e616d617a6f6e6177732e636f6d2f7468756d62732f3234302f6170706c652f39362f737465616d696e672d626f776c5f31663335632e706e67" class="animated bounceInDown" alt="miso logo"></img></a>
<h1 style="font-size:82px;font-weight:100;" class="title animated pulse">miso</h1>
<h2 class="subtitle animated pulse">A tasty <a href="https://www.haskell.org/" rel="noopener" target="_blank"><strong>Haskell</strong></a> front-end framework</h2>
</div>
</div>
</div>
</section>
<section class="hero">
<div class="hero-body">
<div class="container">
<nav class="columns">
<a href="https://rawgit.com/krausest/js-framework-benchmark/master/webdriver-ts-results/table.html" rel="noopener" class="column has-text-centered" target="_blank">
<span class="icon is-large"><i class="fa fa-flash"></i></span>
<p class="title is-4"><strong>Fast</strong></p>
<p class="subtitle">Virtual DOM diffing algorithm</p>
</a>
<a href="https://en.wikipedia.org/wiki/Isomorphic_JavaScript" rel="noopener" class="column has-text-centered" target="_blank">
<span class="icon is-large"><i class="fa fa-refresh"></i></span>
<p class="title is-4"><strong>Isomorphic</strong></p>
<p class="subtitle">Seamless web experience</p>
</a>
<a href="http://book.realworldhaskell.org/read/concurrent-and-multicore-programming.html" rel="noopener" class="column has-text-centered" target="_blank">
<span class="icon is-large"><i class="fa fa-gears"></i></span>
<p class="title is-4"><strong>Concurrent</strong></p>
<p class="subtitle">Type-safe and polymorphic, GHC Haskell</p>
</a>
<a href="https://github.com/ghcjs/ghcjs/blob/master/doc/foreign-function-interface.md" rel="noopener" class="column has-text-centered" target="_blank">
<span class="icon is-large"><i class="fa fa-code-fork"></i></span>
<p class="title is-4"><strong>Interoperable</strong></p>
<p class="subtitle">via the GHCJS FFI</p>
</a>
</nav>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="content has-text-centered">
<p><strong>Miso</strong> by <a style="color:#363636;" href="https://github.com/dmjio/miso">dmjio</a>. BSD3<a style="color:#363636;" href="https://opensource.org/licenses/BSD-3-Clause"> licensed.</a></p>
<p>The source code for this website is located <a style="color:#363636;" href="https://github.com/dmjio/miso/tree/master/examples/haskell-miso.org"> here.</a></p>
<p><a href="https://bulma.io"><img height="24" width="128" src="https://bulma.io/images/made-with-bulma.png" alt="Made with Bulma"></img></a></p>
<p><a href="https://github.com/dmjio/miso"><span class="icon is-large"><i class="fa fa-github"></i></span></a></p>
</div>
</div>
</footer>
</div>
</body>
</html>