# Examples

> Real applications built with miso: games, browser API demos, integrations and libraries from the haskell-miso organisation.

Source: https://haskell-miso.org/examples/

## Games

- [chess](https://github.com/haskell-miso/chess): The game of chess. Live demo: https://chess.haskell-miso.org/
- [solitaire](https://github.com/haskell-miso/solitaire): Klondike solitaire. Live demo: https://solitaire.haskell-miso.org/
- [tetris](https://github.com/haskell-miso/tetris): The game of Tetris. Live demo: https://tetris.haskell-miso.org/
- [2048](https://github.com/haskell-miso/2048): A 2048 clone. Live demo: https://2048.haskell-miso.org/
- [snake](https://github.com/haskell-miso/snake): A snake clone. Live demo: https://snake.haskell-miso.org/
- [asteroid](https://github.com/haskell-miso/asteroid): The game of Asteroids. Live demo: https://asteroid.haskell-miso.org/
- [plane](https://github.com/haskell-miso/plane): A Flappy Bird clone. Live demo: https://plane.haskell-miso.org/
- [mario](https://github.com/haskell-miso/mario): A Super Mario physics example. Live demo: https://mario.haskell-miso.org/
- [minesweeper](https://github.com/haskell-miso/minesweeper): The classic Minesweeper. Live demo: https://minesweeper.haskell-miso.org/
- [tic-tac-miso](https://github.com/haskell-miso/tic-tac-miso): Tic-tac-toe. Live demo: https://tic-tac-miso.haskell-miso.org/
- [blockout](https://github.com/haskell-miso/blockout): The game of Blockout. Live demo: https://blockout.haskell-miso.org/
- [mahjong](https://github.com/haskell-miso/mahjong): The game of Mahjong. Live demo: https://mahjong.haskell-miso.org/
- [sudoku](https://github.com/haskell-miso/sudoku): The game of Sudoku. Live demo: https://sudoku.haskell-miso.org/
- [slingo](https://github.com/haskell-miso/slingo): The game of Slingo. Live demo: https://slingo.haskell-miso.org/
- [texasholdem](https://github.com/haskell-miso/texasholdem): Texas Hold 'Em poker. Live demo: https://texasholdem.haskell-miso.org/
- [orbital-breakdown](https://gitlab.com/dpwiz/orbital-breakdown): Breakout in space, and every ball is a curveball. Live demo: https://orbital-breakdown.haskell-game.dev/

## Browser APIs

- [canvas2d](https://github.com/haskell-miso/canvas2d): 2D canvas rendering. Live demo: https://canvas.haskell-miso.org/
- [svg](https://github.com/haskell-miso/svg): SVG rendering showcase. Live demo: https://svg.haskell-miso.org/
- [mathml](https://github.com/haskell-miso/mathml): MathML rendering. Live demo: https://mathml.haskell-miso.org/
- [audio](https://github.com/haskell-miso/audio): The \<audio> API. Live demo: https://audio.haskell-miso.org/
- [video](https://github.com/haskell-miso/video): The \<video> API. Live demo: https://video.haskell-miso.org/
- [camera](https://github.com/haskell-miso/camera): The Camera API. Live demo: https://camera.haskell-miso.org/
- [filereader](https://github.com/haskell-miso/filereader): The FileReader API. Live demo: https://file-reader.haskell-miso.org/
- [fileupload](https://github.com/haskell-miso/fileupload): File uploads.
- [drag-and-drop](https://github.com/haskell-miso/drag-and-drop): The Drag-and-drop API. Live demo: https://drag-and-drop.haskell-miso.org/
- [storage](https://github.com/haskell-miso/storage): Local and session storage. Live demo: https://storage.haskell-miso.org/
- [cookies](https://github.com/haskell-miso/cookies): The CookieStore API. Live demo: https://cookies.haskell-miso.org/
- [fetch](https://github.com/haskell-miso/fetch): AJAX requests with fetch. Live demo: https://fetch.haskell-miso.org/
- [websocket](https://github.com/haskell-miso/websocket): A multi-WebSocket example. Live demo: https://websocket.haskell-miso.org/
- [sse](https://github.com/haskell-miso/sse): Server-sent events. Live demo: https://sse.haskell-miso.org/

## Patterns

- [counter](https://github.com/haskell-miso/counter): The simplest possible app. Live demo: https://counter.haskell-miso.org/
- [todo-mvc](https://github.com/haskell-miso/todo-mvc): The classic TodoMVC. Live demo: https://todomvc.haskell-miso.org/
- [router](https://github.com/haskell-miso/router): Client-side routing. Live demo: https://router.haskell-miso.org/
- [props](https://github.com/haskell-miso/props): React-style props. Live demo: https://props.haskell-miso.org/
- [context](https://github.com/haskell-miso/context): The global context. Live demo: https://context.haskell-miso.org/
- [pubsub](https://github.com/haskell-miso/pubsub): Publish / subscribe between components. Live demo: https://pubsub.haskell-miso.org/
- [sampler](https://github.com/haskell-miso/sampler): A sample application for getting started quickly. Live demo: https://sampler.haskell-miso.org/

## Integrations

- [three-miso](https://github.com/haskell-miso/three-miso): Three.js via three.hs. Live demo: https://threejs.haskell-miso.org/
- [aframe](https://github.com/haskell-miso/aframe): A-Frame WebXR scenes. Live demo: https://aframe.haskell-miso.org/
- [chartjs](https://github.com/haskell-miso/chartjs): chart.js charts. Live demo: https://chartjs.haskell-miso.org/
- [c3.js](https://github.com/haskell-miso/c3.js): c3.js charts. Live demo: https://c3js.haskell-miso.org/
- [highlight.js](https://github.com/haskell-miso/highlight.js): highlight.js syntax highlighting. Live demo: https://highlightjs.haskell-miso.org/
- [mathjax](https://github.com/haskell-miso/mathjax): MathJax typesetting. Live demo: https://mathjax.haskell-miso.org/
- [tiptap](https://github.com/haskell-miso/tiptap): The TipTap rich-text editor. Live demo: https://tiptap.haskell-miso.org/
- [supabase-miso](https://github.com/haskell-miso/supabase-miso): Supabase bindings.
- [miso-diagrams](https://github.com/haskell-miso/miso-diagrams): Draw diagrams with miso. Live demo: https://diagrams.haskell-miso.org/

## Libraries & tooling

- [miso.ui](https://github.com/haskell-miso/miso.ui): A component library based on shadcn and Tailwind, built with Basecoat. Live demo: https://ui.haskell-miso.org/
- [miso-tagsoup](https://github.com/haskell-miso/miso-tagsoup): Parse raw HTML / SVG into a View.
- [servant-miso-html](https://github.com/haskell-miso/servant-miso-html): Render miso Views as HTML with servant.
- [servant-miso-router](https://github.com/haskell-miso/servant-miso-router): A servant router for miso.
- [servant-miso-client](https://github.com/haskell-miso/servant-miso-client): A servant-client interpretation for miso.
- [try-miso](https://github.com/haskell-miso/try-miso): Try miso in the browser. Live demo: https://try.haskell-miso.org/

## Native

- [miso-lynx](https://github.com/haskell-miso/miso-lynx): miso on Lynx: the native mobile backend, tooling and docs.
- [miso-lynx-gallery](https://github.com/haskell-miso/miso-lynx-gallery): A gallery of native components.
- [misogram](https://github.com/haskell-miso/misogram): An Instagram clone in miso and LynxJS.