Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/orbitbot/awesome-mithril

A curated list of Mithril awesome
https://github.com/orbitbot/awesome-mithril

List: awesome-mithril

awesome awesome-list mithril mithriljs

Last synced: 3 months ago
JSON representation

A curated list of Mithril awesome

Host: GitHub
URL: https://github.com/orbitbot/awesome-mithril
Owner: orbitbot
Created: 2017-03-14T15:37:15.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2023-05-12T08:32:14.000Z (over 1 year ago)
Last Synced: 2024-05-23T04:04:36.449Z (5 months ago)
Topics: awesome, awesome-list, mithril, mithriljs
Homepage:
Size: 142 KB
Stars: 204
Watchers: 14
Forks: 29
Open Issues: 5
Metadata Files:
- Readme: README.md
- Contributing: contributing.md

Awesome Lists containing this project

more-awesome - Mithril - A modern, tiny, and fast framework for building Single Page Applications. (Front-End Development)
ultimate-awesome - awesome-mithril - A curated list of Mithril awesome. (Other Lists / PowerShell Lists)

README

# Awesome Mithril [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)

[](https://mithril.js.org)

> A curated list of Mithril awesome

Mithril is a modern client-side JavaScript framework for building Single Page Applications.

## Contents

- [Official Resources](#official-resources)
- [Community](#community)
- [Learn](#learn)
- [Tutorials](#tutorials)
- [Examples](#examples)
- [Apps](#apps)
- [Snippets](#snippets)
- [Starter kits](#starter-kits)
- [Testing](#testing)
- [Libraries, Components & Plugins](#libraries-components--plugins)
- [Tools](#tools)
- [pre 1.0 Release](#pre-10-release)
- [Mithril in the Wild](#mithril-in-the-wild)
- [License](#license)

### Official Resources

- [Website](https://mithril.js.org/)
- [Simple Application Tutorial](https://mithril.js.org/simple-application.html)
- [API Reference](https://mithril.js.org/api.html)
- [GitHub Repo](https://github.com/MithrilJS/mithril.js)
- [Framework Comparison](https://mithril.js.org/framework-comparison.html)
- [Change Log](https://mithril.js.org/change-log.html)
- [Contribution Guide](https://mithril.js.org/contributing.html)
- [Job listing](https://github.com/MithrilJS/mithril.js/wiki/JOBS)
- [Who uses Mithril?](https://github.com/MithrilJS/mithril.js/wiki/Who-Uses-Mithril)

### Community

- [Zulip Chat Room](https://mithril.zulipchat.com)
- Use `#mithriljs` on Twitter and other social media.

### Learn

#### Tutorials

- [Isomorphic web application with Mithril](https://isomorphic-mithril.mvlabs.it/en/) - How to write isomorphic web applications, i.e. server-side rendering and client-side code with one codebase.
- [Example Mithril Components](https://mithril-examples.firebaseapp.com/) - Concise examples with both ES5 and ES6 versions.
- [Mithril.js by Examples](https://mithril-by-examples.js.org/) - The missing addition to Mithril.js' website with many up-to-date code examples that are often searched for and just work.

### Examples

#### Apps

- [Isomorphic web application with Mithril](https://github.com/mvlabs/isomorphic-mithril) - Server-side rendering example using [mithril-node-render](https://github.com/MithrilJS/mithril-node-render).
- [Mithril tutorial app](https://github.com/spacejack/mithril-tutorial-ts) - The tutorial app from mithril.js.org adapted to Typescript.
- [Freddy](https://github.com/spacejack/freddy) - Mobile Reddit Reader.
- [Flems](https://github.com/porsager/flems) - Web playground & sandbox as an embeddable module.
- [mithril-slides](https://github.com/wulab/mithril-slides) - Keynote-inspired presentation app.
- [WaveShader](https://github.com/spacejack/waveshader) - Audio wave sketchpad.
- [Flash Games Catalog](https://gitlab.com/beelzy/fg-catalog) - Catalog and launcher for flash games.
- [Tutanota](https://github.com/tutao/tutanota) - Secure emails for everybody.
- [gomithrilapp](https://github.com/josephspurrier/gomithrilapp) - Sample notepad application in Mithril (JSX) and Go showing good practices and integrations with modern tools using Bulma, Cypress, Docker, ESLint, gvt, make, Rove, Swagger, and Travis-CI.
- [gomithriltsapp](https://github.com/josephspurrier/gomithriltsapp) - Sample notepad application in Mithril (TypeScript and HyperScript) and Go showing good practices and integrations with modern tools using Bulma, Cypress, Docker, ESLint, gvt, make, Mock Service Worker, Rove, Swagger, and Travis-CI.
- [Vegan](https://github.com/mrdaak/vegan) - Minimalistic "Kanban boardish" client.
- [Treehouse](https://github.com/treehousedev/treehouse) - Lightweight outliner app built with Deno and Mithril. Use in the browser or build your own custom app.

#### Snippets

- [Basic drag and drop example](https://flems.io/#0=N4IgZglgNgpgziAXAbVAOwIYFsZJAOgAsAXLKEAGhAGMB7NYmBvEAXwvW10QICsEqdBk2J4hcYgAIoECZIC8k5AB00k9ZOCSIAE0SSADBUmYc+5eFq0L7VRs3a9kgIzHTMcyABGGAE42KOw0tXX0AJjcuTwBzX3oAawCg9RCnAGZIs0kLMFgYL1g4JLVgx30AFkyPbJA4GAAHAFcoADcYHQxi9QBdVVVxKR00HQUHHV8MaP00Zqhjcdp66dnJVj60AckhnQBhKAw4OFGIRiwFAD5tU4V5RW38ccnskoB+SQByR+joiDRo98k+hOMDOtzuwwecXqz3Ub0+UPqv3+gI+73WWHwWFojQYAAodLRqI0cAx8F5aDoAJ7GYBBFoQGAAd30AH0WhdJFhce98DIJGiSuoackNPQvrQ2r59DAOVoYPh6r4YG0GAARGBgDDNYi4gCUq0CgtFwyh0tlIvs8sVypE6s12r1Fo0my+0XaAEkdAAPUZ84j4X46GBegDyYHxEK+uqd6hdCI93t9sn9geDYYjOkhi2jaBjkk2vzqvmIEHonp9dwm3wTPoAPFt4zpy5I3gt6vUa5IANQuFFtjtN715l0wWAlsuJyuTN2Dn2Xfud1tVmfNnvOPvLmvrez2CBgSS4wswYultDNgCEty2o5g47P3v1tKNO+kyfwcHqMmoMEPaCLd-LYwjC2SMqxzF97D9d9Pwgb98RvADvWMZxwIgtZc2fDR7i+UZsKhUYZigKAnXQ+xSI0YwoKwDB6kPa55EuJ0uR5L4AFpgSwZBXQwAoYG6AUIMkYVMJfeIYEpIFTgDHRDUE+xqH2Q59G2PYDjgOiQV1WS5PUMUqwkPxiDNBjNDzF95Q6YgMAAFQmP8wGPd9b1VDArO5RgvWId5jHeAAxXzJAACQwah4neVCdPUPCnkUDiYUi2wRJ3PTJglY9WRlEyQn3DNIUmfU8MWY5rkSyLJBSt1hgy2UQMzHDwTq-DFEIqBVjzciX2MDj8HcJ0IskVCc1YXVKFqG9qDvBAeAAVgMRAwjYDgQHcPB8GoQ5RqERhmB4Xlk1MkpyV8IMpRceofTgWgZBGAoQviABuIIfFC2JsSqyRbtCx6SkZXRiEIcIDAMc7vvQ1Q8uidjrifdR6loOATlPfQlX2Es2m+5RiHqDAdB0JF9GcYGvQx4hGiLVi6lgCbpnoGBvvUZ74lenEnEZQhgXp-NGl8S7TtYxl8niE5WNiHjOaJHnaFO0WvFBvpiHBti4p7CGoZBA71Go3wfjQVjiEWAnztUMGFbQCGdeiA7McZ5n3qVHRxe53n9H5wXhZlrwkUdyXpYmLxPb+OXc1NrN2yRDWPru22nFiGAmEpUcoFoRljfl0bKZgCbTymkAwgADkQZw2G6KgZDQeIptQZauDwLATkIXxoFG7nyB4EgsbgRAAHou5xeombW2gsC7uv-sbqAAAEwnwAx8HKEf6-HzFfnwfhRuISkOzwOBqEb+pRFYbpWCAA)
- [Somewhat opinionated typeahead](https://flems.io/#0=N4IgtglgJlA2CmIBcA2ArAOgBwBYA0IAZhAgM7IDaoAdgIZiJIgAqAngA7y0AWXUGAK3IEAxgHtqAF3hTkIAPQAqZStVr1GjQB1qAAkU79utpx59DBvYt0BBZswBKAZSQW3krZPGwEIyRAldAB4bACdQ2lYkXVD4AEcAVwhYqAA+aMleXVpwyN0Ad3gAch9dACN4XVIuUJFuCGoAc3liWGlQhsb3Twk62ibKoIAxBOo-AOpo2MTk+DTowlHxwMkxXXgAD3gRBOldFazq32kofbKBbY8rTxvryV1dMFp2EbHPYaX-CWixdi+6WDpXSLMb-YFiUKPZ7sTq6TKVbzHCa6BqrYwcLi8WhQAC0sWxrHBoSeV30N1W50uNkkkkhQSctM6Pz+E1ogOi2RpHTKu0qdAYRKqNTqnTwuig8EItASbVIcLWWhA-Pgiu6knYsFoIng3DEsAldIZHSazP+bKBDXYu2BEHg+t0Gq1Or1Brhm1JBg8kieGwc8FIMskcqCAEkpKbWeyoRsIGAEmBdNR4xVIWJCLoAG4QUgQMoIGL+wOkMUSqVF+VwrIyfyxG1teApXSwbMeiy6ACqThsAHEAKKuKy6W5kr1gAAUJkxfDFwDVnkRlwm0TArDCEVYeDnqzG3H6jXg0SOlxD0jArxEm7u5KeLyWy+eAGExGANZsAPKUvxh1ZOWOvj8XH456XiO5JiJ+kjUrSCwkO0b7UMw9SkFB3K8iBnrko62q6vqDYZO6YZWpIAAKmrYS6DbMO66Hkp4Pp+gGsqHrq+QAHJiAAshC8CIf0iHZqxyYNmqAC+ACUbiDkMvZ2O2Di9i4kmgZIgBEBLoYakJI-SSLAhLVDkdT+tk1CnLEkgJKE1ByrECAZtpZyAUGVQQicuhjiItDVDiDTVFZED+BmdqsGJ5RRFuACMGDrBsWr3CSdRbgATFFFSND5BT+dwQoGdwVEbK2XqeAAzFF4hSLQ6X6bUuXUc5oSuWy7C7hU-geT4rBKRhqnGBEgWhNUBaMU5CQ5k0jxiCNlQQroCTsPIUBiPkeg5KEi26AA1vArCkGqakcbQm3ZEKSKBGUhIiM2IjrbC02SBwsLVg28hmRZ1C7boD4IDk2XVcZpnwGAYiBeCOxymdcL3WN-oiJ1mhw-DGjyDoADcY4gss1BjvkDQLfkYpgGJs56LoZWacCmqSE+PiLoEAC8nK0nKtOpEOxMPLQXKkBgN7noYDz8wA-Az-UYAuGPc88Y4c4zEu3mMEls-z0TSyLYv-DofOk-cVV1Ax5b02OOs1flYoq6QIXM7oRP8yi6ZjgAhEbeWSCFL2WboFAALoa4rWsOVSXK6PTZsYOBjkoboAA+ke6EUypFHzDx+7Ai0Ng+nnwE4wpZfTTvuhgqwADKp6E6fVGOCuJyTEhk2ysB67KQfkxzVMnZjZtiRgrTtGOYeXEHLPWzbttufbfd+BQ4+QVynuu-A5nu1KsDVFXDxu3oU+TxBKGewXYjF4UpcZxXGA4++hBjinh9l5n2chSzOLhVX4lVxgpAuWOUtimUFuD6vmbfVoAANTZE3WgW9w4zz3gfNOx8xLfxAbAJuZQIEB1pLvIuJcb4Vx9sPEeUtEFB1pvTK+sDqhZxynPBeehH7-wgHbMohDiEkKwRnCh1UqGvV0E-N6isHj0LcsAtkp8TLn0vqw8hd9gjlEQSIiUGw3wX1IUfSRlDOHu1oXw-BQjYByLEcom+7C6j3xkcIs+CilESNvmogs1DuG4OHgIghoCgimNgOomhPC8FOJ0boFmjC2QePsbwvB69dAAAZn6V0VmEuuDcgxv0uvAMc4TTacwlr6Qsjdo7ZB8PErmCAmiZAVg8ESDwHHozBB5MYdojHcDHD5LSNSxQZmoGICUIUh78Ksk07Ub9s7OybkUBOitWntPgBgBaYAMCJAbKwLOxwIRjiKJaXYRRO55gsjg4mIkKmfGREePw8SxxjIlGKQ5-wxSNP6NqTpVdTkTJDr0XcAxDZ2hptQEp-NqnalgHUhpPSbnwBaW0jpfNdkhOBPswILy4DwAANJbQACKLUxtc5pmZQXAvWHc0Z31YhDSZj9XWWSgwAs0kC-pOVnYgvGRgDuDiHikGxl4LKY4Jn5HqMYq2-8PIDRwOEgceCHgTPYLEQKUgkWSmlG0bZwqUSApqf044cwwzyIANTqv-vwu26K+kXNVaIjYRD6YEqLBgQpjRikKopUqg1UA1WbCbpErRDwyj4nWoy75GddBFSwEK4VorxXVilWWWVXzvGKv1e8vwhr5E4hxNq-BeqJn2sdca5huhH4hRTcqy4canWmtJQUmQVqso4mCfK91XBPWQptnyyo4UioBu8bqqNqaY0nHTX4rN4VcXyqZZ245DyxRmtlBQXNaajWeyue2iNw8IVVo9V6pOPrEoAHYW3Dx+bU7O5LenYoefOxdugIWaxrvcScZhsRNweQPHlvsL3CyJQ8+lnMvV+xTU3Lp-Mp3yOiI-ECw8875WiMM5+Xqwk-oeFmeA+RohjmAGbcS97xxFALhiHE16oAjPlfjZZqzJAUDupwWm0h8qe1wwOmcSabZQGzLQPMcxoj2xDmrCYFrS2ZCAwOh0ZFnS4VCMrdJWEBOuhyUUOpRQeMDrsrABIB4bUHqpdVGltH+YSEI8uDALLuAoWWXJhT0m3IZl-g+3jNtJ2doLRm3t6nLPtpU3UQZ9MMz2dPfA9zEhNqsFxpMXQsKECItYCipaGAyg4zHEmHws7bXalpWC11-MT14PnTbfD6Gx1Bio3h4l3B8n7spSByQaTGadxvJ-LLVyoAbDM2hjAWWcvUfMxZpOmpSCkGiFZlVDqjUmpRDV3QQsij2qKLoMD0n3MPAkIDSaj0hNuTM8AJTRXrO9fkU3aAxqRIyd470S661DxDtJeFyL0XYAJexVVlbNS0vCpS81rLFAnnb0DhJ+O3sksPDEnd77-9j3gr5tjEyi0MBXqxKcem4PzDUHEljHGi18ZiWRj7EAO2aD0EYCABkHMJlCBAKICQ0hZBMD9lxCUSD6ZE08P0WMbJOsew1l6ZbypoiKhsDkKAdlQiepAKey85IWeY7ZyAAAQjKWAhBVpdD5ztpnnghcMBF+nBgsBFT8-l5IRXinFRIs6GIdXcu3rM8TMLocIBexxkNwLk3rPzdDBTqMA01vNfa5F92EgtBdBcR6cJWXNuFem6V+bgAEnMfcuoZca+N4Hu3ioQwVA2C7mPWug867F-0ej4gxAeH967tPIubCwDKBzVaHXk+C4L+bh89QdwkE1BX23ZvFTdl+LwUIjfY-N5ACGRoCR+i0E76nuPIB4ViDZIPvPKe3fm4AJoHSHzPxUAB1Z8Jfc-R8ryPoBgYLIqin1v7vDJx8b6N4f4PipmDPGSIvqvipiKZ8n5vpvF+QB+lOA-kyT+z8v-TwAKTtF0mIFIG4ENyZxnSZ0BlgwZwoHz2gGiFSUeHnloGiGW38B0nT2ImNG1A610FFw6DOWMF4EN2f0D3gO4XxmQNQLhH8gQBFycA8lCClG1BIJ-zIKgGiESkoK0moPQLoPN3gl0Fb1wj0GIgkCgFYID1T3IKKm4JQKthoIwJFzD2oFCCiF0DEPqgiH8n2HTC9yzg6FAXhXrz91PVIOkI4N0HwCQJ4IUL4PT2YDEEJGPzUMkLgMsLQDkN4NoPTxDHCHgD6hzCYzcOnwG2iBQC8LsJ8ML3qhbDFEQn3zMLYIsOiHXUiLQOiND3rzlBD1oGBl7FYCMi4KIMSLKWSOW3IKwHSMUP4MVH2igGoH9DlDTF0GMLGm7HgAhH3HiOINl3MIqMsIAE5qj7DldqwIBOAJRWDwCbcdh-CpAbBqA6dYBohztZiLJYgpAuJYNViJcgMLlFjljlYlinhKc-5JByc7RRYNjqxDjTiwETjQEjdB1jhtjbRlwgZbR71ZwLjxldE5jNjfjYMm5LjdEoDbQuZiATIpY3jKhLZaBYTT5IdiFxpYMkSQpnjUTbR9o5YRAPjgTLZEMwisSJloAxQ7dwSJkGAtIC4fCPMdARI0c8AMcGA5BBBhAQAypidJA5A-ZRcxBbMh5YN4M3IkNOYUNLYq56sygBTJstE0MIBjM2M9Q25ZYpZ71aAMBlQo4Y5NTqTNT7DO4BAxAGhlkxR1lPN5TlluAipjNJM1swNdB1UHgxxQTnt0kATqxPYhtvc-j3SZZPSpBd5tSck3S2MbigzuZkDaSMDxtY42lGiLTdtHgJwMRsMaMkt2Nvhn1RYVSPlkzpsdw9xFMnkiyBgCy+MnQcIDRhMZZRNqyGwKyeY7wczmyxgmzaBMlCVayRZ6Ji1-4X5FYFYz0xgn0bB2B2Bv0mdhSEMltNcwk0MABiaEOUvBccfkjYDM+VLM-zUE+lR45eCswMyQMDY8u4tkVc4VZ5Ys6IPcg4g8is+siiBbe0nKWwA80gJrUpS0tcscDcrc4VHc28v47mT4-0I8iMk82OY82Ey8vBa8gYYCinPNPwWEjs3EpCq4yknE4CJNPs7s2ONAOC4eJ8wTMDOpX06Ar8+klPSuSQCFEc6ZWbKQMcBaHYBgKQcLdpDcWwCcsSAnTk58GEBAUIOQEvCoWAJklkrHUWDrASrk6sOQawZbGUjYHEHMAALyZHKAhANBxFUtPR9i4uNSHnYDEBzH+CmDtA5ggEChR2JieFCDSn83CWyF2DEHsoeB9BxGxigEyGiAFXCXYA2E8odGxHoxNG4SCpCr5nI0kCw2bEaH821CkGElhyMoMudOMoUMcucpxFWHYGiDQGisMt4Qw04CwwhwULMosqXALAplssqBHPKvgEqr4AVSIhaxqv8jqpshsrsr5no1IEdHULzDECulCt8v8pJjZBEDHHCnCXCQAFIs1dAsBgrkc+ZcqGgArgq3LVhQrCAid1KIANLFNwp1qYriY4qEqIAkrogUr2hQqZTQgayIlnqtR1pGhVondohFz4AAbAb7Lmqss5RTLzKerszGN355NpBJroBpqFrlrQqCrogkalrQqNLvIjU0bgajKssuqIbLL6r+r4BQr2BwrtKFrgqPqrpvqJoTI-rBjmaWb4a-LuAHrZr5rFqVqK1LrNriYEBCAoKcAabz0U4FtOV-IybYqIg-JiaS86afqTIIkMBEpSBQq5j34FszLUQGw8ayqssULXIVLPr6bfrdBFybAsAbBRchghhSq0cZ0QBmxqB1pyAkAqAlRMc5BIBMgOhJKCALJJKmBuAaR2BOt5B5BRh2AvrcywB5A-buAA6AABSKSKFAROzKAO9kgSkjLHfHEST2ESIAA)
- [Simple carousel](https://github.com/spacejack/m-carousel)
- [Filter using CSS](https://flems.io/#0=N4IgzgpgNhDGAuEAmIBcIB0ArMIA0IAZgJYy6oDaoAdgIYC2EamAFvPVPiLAPbWL9mIAL54aDJumy4CvfhEHo5YeAAI6jMKoC8qgOQAZWgFcATtFUBRWqfgtaqgFLGoxJz1NI+qgCq0A7tQAng4A4hAeAObEtNTUqgBi5kgQpsSwANYOAIJxxFmqANIKQRDw8A4AsjbE1BCq2QBGpgy+PG7hURCxdFZI-rUOAGq0MGkOAOq11MSEyaoAQhAAbr4QYGAOAEqxKfXZngqJtPDE9LQsqgDKxptxDgCSaVrVpssOV7EO1qZ1KrX1BbmaheeIGMrpGLuSDleoATVoYHoANUr0iCnqlR49nojCQRQUSFGqi2xkaR0csTKiESyVS6Q+xKGZQcAHkZhVVEZlnwoZYkEE7EUar1CsQAF7ioKqIbEHhQHKuSANahYaAMtqNGJaQonel1VHEcbxV5BBUgvQYMAAB1c8AAFHp9ABKAA61HdMDUAEdjKlpbo9Hp3apQ6p3fQMPQeMZ+PavLBjIx+BhGjwBXhVMAQ6plsQIP5UKp7c6dAA+VQUHOh+iO2rW4zwPSZ7PxMOh95QP1F33+vDVsO86gN+BF+raCu90wB1QQDAVUzo+AYTt++c8Aw8fypADCiIgJYHwmd-bbNcdKjNEGbqin0oAZPfVAADAehjB31SuVDUHgOiinPAMCqAAVLorogAAJMAd7CBBAC6patu27ZIMQNoKkERa-nUb6qHBZ4vieA61noaHLB+frTs2eEaOsUa0Na9rxBOeHnnorg3shKHtoBMDYeum7bqYe6QIehHtqI6huhJqgye28mqPB7rHiIYggHRzAYLAGxcHIAjwEIwjwQQrjUBk5BUCAZicOgbDwNaYCoAA9M5sbWhkkTaTw9DOcidhpJwBDwEE1qSCAOAiPBwhAA)
- [Get a string representation of a Vnode using fragments](https://flems.io/#0=N4IgZglgNgpgziAXAbVAOwIYFsZJAOgAsAXLKEAGhAGMB7NYmBvEAXwvW10QICsEqdBk2J4AbhgBOAAjCSMAcxwNpAXmkATWtQCuy4vmqSYGRgBFtekQDF5SkQAoAlAB00WfMbQaYkh3MV9CmksBwByQgBGMOCImCgoWjCnVzQAB387fXxISThiAGFCaA0nNg4QTBw8QzgBGnpGZh42AF0qKAg0AGsEFE5qniwIYkJJaEoQHUlyHhJiNLhEAHplnXTuhUNaLGXh0fGoAAFI-FOAVj2Rseh8fkniAE807hB71lbWIA)
- [Granular redraw with streams](https://flems.io/#0=N4IgZglgNgpgziAXAbVAOwIYFsZJAOgAsAXLKEAGhAGMB7NYmBvEAXwvW10QICsEqdBk2J4A9ACoAOmhkAVQhDgACAOQB5AEZwYAJwBue1crpYADvRHKYADzMxqxFcUIxlGYsV0qAJvGq6EJowPsrBULQA7vjyrsr6PrRYyrpMfqmhmgCeygAG+hAwkbnKkdBQKTAAtKlo6cpotLpYGFBQOWUuELJoALIQLoFQqioZuhiRJlnUsDFoCm4JSZV1eiFhObm16SVlbcr07ZU1aXqlrmjKLjAy+q0Arm5wXjDYyvdmPh7w+MoKSqVyg1aMQroEAObgs7giKaVqVHzjSJwOZbU66ErbPQqbrEWhXOKJZKNPzKPxwAJBdbZPI6WCOJq5CgyEGuXRlHRkmBgDD3KBOK7464mJIWNAiEYpWgg4F+OYyLQ6Ax6ACCnm8AB45AA+ZTAGRSYh3KCPRDKADKL2wWu1zNkThg9LxugA-GbnoE0OC7YaCkUABT6EkwM0ANWDAEow8GfS9VrpAw8Q38o8pw7Q-DJWAa0BIxDIhM8Dto9IZdMoALzKMD3NCOCD0f3ADxeOBm4DG03xJPm3TUVisCN6mTKZRiMTKADCqW+7i59lWDGUHteyUibmoGEu9zg920lOCgoOl1SWFoxpHIrQRc7birt971HwLTMgcruv0EcvqWI910l31S5R2PAJXkYZQmyJCh3HVNs9SxXRoLpBxnQHIdAOA4Dx2UAARCBQnXZQoVBDBl0dFCmgOcs4EIWg+QItwEKPXRpVBYMXQNYhDUNQtQUdSsriyexaDAMinUoitJLUD1unBVROO4rjiBdMkknwABHR5dCyc1yIZBNkP0r97UUw0zSJBSlOwgAlaomMOHJ6GXK1kg+L5GDgSzfSTZ8MFffR32HEylMNLB8AQ-1HWgiLP2M0ziEHS9R3YJLj1Pc8YH9dDUtHbCAFVrz3ClAkPMAWOSFdsBy7sTRgfA0n9LxHiHZRUpSoDRz9SJA0jILMNHH8-0uIMMzqltvHwLqetG4zMOzID5vmmRJGkS4JD+OIIgwHxZIAIQwctTDFKxCC3HwVBE0TKoqoqDxgMRa13fcSpuNblBaTAoRwJczverd7nhJi8QJNxaBLZVDtFSwGDmZR1oAdTcPwZgOxZCkmf06MYXQh1+pj-W6cUcerWt63oZxTq4t7hTBpUyxFcxodBPYKm6fRaAAazqkc8wLcnQS2navQEwDfXRiDm1g9szBY8FUjgOA0KCxTBv-d7MfBstoIw-rsIWMSKPLHd1mByA6hBlZ6mIA7iOsWBvqp-qDf0s1VHwOFdCqLGjFjRTbzNGXaDl+A4F9pT8cD4OFey4KVZgX81awf03Y91RteeLJYDNXIyh8FwzQAEmASP5ZUdaAEYAAZK9YABSXJEtjhKw7FgMY-iw1VcuJO3cF2Sqk0CJqA5tPqswnuzDT5QS5DrLlA1ZRy+UFSpBAAAZWhttk-Ad9X5QzVXnDLAAQlXiM7SdzC9bia3dFt8iHeY9ELZnhWwgO5RcVoMfgJ792Dq9vcbGqhZqXziiFBKllG6GkWjmSQyhegYG6O4MwZgGbHSXLzOs-MUFoKrDrKaMdMJd3Vm7Pyk8L79R7oQcuU9V69ByCqVBZ9KHj39H3L02tX6K3PtVbhc9tRViXgAMmEaQihP8e6aCAXiNAo8OqXx1pfYCxAhLJlUNIzw9B5HKMwvQGYEBh7ulvsQVhl92q6NaiAWyzwDpcRAD-UBmEnHKFAbAno2EAAStAoChG4c5WcyDSLXRkP4qsYVrpZTgROc0EAsB8lnBw8EgIXBzmsiqAAYsoCItAzAyBrHWYgDZLiCw3rkueOt+H8KHAAamUJXfA1cACsoCICiX9NU+ei8iHAVSJpeAxAVRoDiR4YpGTxg4HYZvHwZSzBuLtpyJRY4JxHxJvsMYExzhMGydMkIqUwobO6m4rMOYClk0uLY3QxAKmXn4ZXUBfTHjPCGSMop9BxlcCmdtWZxklrXhMVEjxE5eh0SXMKchMgwpnlrNcxI1B7gO3dhmLI0FyHGTYBwEAmAcB4HwNQBWlAaD0EYMwHg+ByF9WrMSqoPIsDQCyO6LccAqhKjaQAbhOT0fASSB5Dw5kFP5-9Pbe3LDrXO+dlAACZK4wCwByoCrgIDghIGacusr5Wjk0E0dIZoADEABOQ1i8zA2GXD4-C8rBUe0peKwgZpK61w1coRVyriCquro6y8cJh5y1BT4KodAIi6D1QAZknJXS1Mg2AAF0qBQG6BzBAKBOA4p4HSwY0BCV-nIDwEgxAzBtnHLWMwHNwR4qSGIdNhAhgAAFy74HrQANkrQMat0B8D8EJao+weBO3sBTdwEA10s26BzSAPNBbEBFrQCWstpgW0ZqgHWht+Bm3XTEMOqg3bB19ujawIAA)
- [Modal component example](https://github.com/spacejack/mithril-modal)
- [Mithril and A-Frame](https://flems.io/#0=N4IgtglgJlA2CmIBcBWAjAOhQZgDQgGMB7AOwGciFlDLYBDABzPihHwDMIEzkBtUEnTCIkIDAAsALmFhsaJSfAXUQAX1wChIsQCse+YgqWTqhspIAEAJQCCAEQCSAVQDKFgLwXMABgA6JM0s7JysLMI8LACZvGP9AiwAhAHknADkAYQBRCMisf38ESwAjOlhYAE0I20dXfIDScwsXAiV4COB-MIA3CHgAdyQLAAoASg8APgswIYByOgBaMhaSeBncC2ASggBrAHMAJyIAVxIoQZniWCJ9wYBiNDRIyOxsGfVO8Om5+boyZkkyGsPuEprMIGBdmsNtBzkUiAAPAAq8HhkiO+1W6zI+wI5ykkiYSAA9ESIBhwbt0RhiGAiWBymAwEV9gwMDoGJDVCNcMDPmCIVDgDCLDMyNsAJ7I1HozEWbG4kX4wkkghQEgYOjsfZaclEInYABs3nm4Lou3g812pQQ+3F8zhXHgLPoilJEKJzAI4ngsEkbI5b25vLCXwpguFMwOx1OUrRGKh8rxkgJZGJRNV6s12uEuqJCwYdAgRn2brN8DIRPYV2u-s5I15QZIIK+CwIWm1gpm1e280MkkOsEBg37R3g6xmfV+UF7pH7lCHFhHY4sDCIZAgkggpEGvhA3i8GAA7CgLH41I2QSSW-NjBvxYK28Jtec6ARN114MP9qOoV2iEQez7AcFyXcdJzIacgPnGYv1HdZV3XTdtxFfdUN-KA6EkBYsy0eYoHgdg6COX1e3bOgYMXb94C5Hkmz5b44XhQUEI3LcSHOeY0FPLALHmV51j6aBJHEc4fChb0IF2KRRIwbwoXwhhhPObwMEiFAoUOLCkPYlCLAAFhPOT1kua5zluPT0nSbA7AATgTcQ6CgIgBko0caN5a8yAYb143WYBExFW5GNjGUoRY7TBgAA33AASTZrXKVReJQSL1m1KAICOVNrHsZwXGMyhTMCgAxUqyvsxznNg6iL3o1txVgIt8P2Zi11Y5CZi4lTj14-iLHSzLspmFT1PWCSpMkGTRosEybhK4r0gNFA7AqpyXKXdy6JDWZ83oFZBQCmZbijE4oBC3yVzaiLdP3eY9I0ogtLYjibNQ08oUEqAlJFFAjIscbpJ+v7ZrMsryqxBy1uqzbmx2+ZFFRQUulKUdzgAWQ3cR9i4CwADILBseZiuzeAAEIoRB+awbCq7nosXdOIwbAol4yJdyxNsEB3EBMBPXmDxQXcYbqxYJQOnEzLFSUUTjVYuQ+esSFUOowAwMBo0kIYnIII5hAUDA4SgcV1maVpFbiBpLHMOh9kkREIjsTD4AwEhnNGOp2BON82IsasGFGDYPniSxPEdxQXbdxWwhJFcbboOFGoICw4S9tp1e0oPLYseEIiGIZLHmOUsNtxExgAUgsYIrDGIlhirixa8iMZC7QD4SjKSpPGqPKLAAakSFIMmyAAqYYuMLnPR-hKOpgwDEoG1Pp3bojEAEdR3MGwSFNbTia0IY-cV5WSH8NeN8kLed7YvfhAP-8GEVuRmAQb2GmoJ4kG8NQNBAQRhGoakfw5B9mMCoVQABdfAjUSDbB4Egfgv8tDUEgMJbGsh8DolkKIJUqYSQnAYHsakRBaQoKxlwAAApgTABo6SYzQWyfQIBJDigYNoJY2NFLf00P-UQOF-4YP2FgkAOC0z4MITSPMWotDkJUgADgwGgIkGVzCSJJvMMAvxFD7AYXIZhrDqDsIgJwiBqggA)
- [Declarative setInterval (using streams instead of hooks)](https://flems.io/#0=N4IgZglgNgpgziAXAbVAOwIYFsZJAOgAsAXLKEAGhAGMB7NYmBvEAXwvW10RAgZgBOANwxR8AKwRU6-ZjwD08gAQBZCMUIDoSulgAO9JsSUaMxgCa14aAOQXaSrAFdqhR7QEwThDGgA6aIpKTnBeGl7UULRwTp4mDqHGTnreXnDEnthwAUG+5qlK9MnmZl6EtLQA1vFK5hBgYAXmMFAYAJ5KZhkQAEZOjAFgTmjUxBD0SgCS-MKiABTAAUqdxBnZaKwAlItoyzLptS3tSgC8jvjpmVhzXQJw+M2tbZtLSzqZjNOMs1AAyhkwbBzR7tF67ZZKfBYDB6OYrNb4aiiKA9DDUapKMHLN6eYixXY7CGFNDFUqIJQLeF3JRbU4APkOTxuqzuDyOzwob2WQggMAA7uS5pt6UoSVAoG9WAEpf5AspdFgJv1tKZjHByk4oPk9AJaKielAOj0vHxHOpNNo6J4AvsLLq9AAlGB6QHEOCnJTuk4Mwk6egHWj9D1YC4AoFYz1QmFzLlKAAeIoTAEITmdA8QhUoAPyFfpzOPC8liqDY8ER3H43PEaUBHLKAAKuOIHXSeQwAnyl0BWD9WB6fDMHjr71dXgwnrDPdVShgWHU7pgQkEHQAPCC2gysOsgj0OnoMHA4HwAOZKNfshmmg+dCdXJTzlpgYd8iK+YJ6EqMAp8b4iEt8wgmHvYxXF8Y94Btf0QI+GAvkEP9-jvM5gXZYVvSUX1bXvfIzhDLsgQABgjLD02DUMriFN43nMe0nRdMw4BQp5NijWFY0zdDfSJSJAQEOCfjhCBzEzYVY2WddMxTUVNQlcEiQAMnk7CYzkolPRgYh+L-FS1LUjifTE3SqyY9ohQjIyIRDTwaIwPlKNU3SZQs5YKEZUzzLUjzlg8pzMSo8EKwEXZ0xrNBKBAUJYFGcY0AQHgABZ4sQABGAAmNgOBATAcDwCQpBoehGDkcBhmiiYAEE9FhbZSz2KC-WGYxcPI7s5iIt4sPXMj8OuABWAj2vBLD9xCGAcPOHq5jAURQgjDr6pG0JzAAEXZD1YzwycoUEcC5mQddXMWsaAF0WOhNiHIpfb2UOjBRvMU6RSO-Ic2LJRyS6pRYzBHENMrLilB5flBTQhlkEMoIVEDBgCl0Aw0CMCHlH3Q9712Hr3TgBxaHCAQlH3ARjFoRpwkB3k+S+y6giRXY4eiMc0E7Hw4lNUnMmipcJ1KQzri00RXMM5ZgDctpyWe1amS8iFXKRcVUXREGRToRq4WVhhMwAaiUZLMUpizfKJKXDNc64bEIZKbFcmwAGFoeMS2GvVzYjap5RoUqMJAJFtHvjRMYl2Nxw5jN1KHZsCX2nJB2TLaTNlGSgaiPwYhaAAMQgOMxrmZLhQ1mw4BsKWTeDvg9H6ZBmxdE4BDAmBjodwWIWFuc0CjhObEblzHAwOM28TgiO8uolXL-JwYA+9l7OcpRXPoUv+nJLx0IkmBk-bcDiHwUeYHKuAADknD7QRRKHiEDYhF3dKCd3Pa8LrFowA0YED029EHizi5sVpjSgd-nM-+exAK5tCrq4GA6Iei0DjPXAWp8iTCznmgMuxBF5PTuktOYq9iDrw0oiQC6IxqbBHqIMeYt0FZ2FOfXSUth42HrOQ8wf9qGGQ8sdSUoUAghkVCrSw1BD5GHwJA8wbRXKVT0JscKkVwFjH9HgVKBFEAADYMqcByjwREh5woyCKsQFgrBjpUCgHwSocVUBZS4HgOcGgtDkCoLEcgPASDED0HARAihhh6EqMeREtAsDyCsRaKAAABZK+BQmKP8eaGxeVwqV24BFagWg9C6PYKo+JASbEAFoerhXsXgJxLi3HyA8V4nxfiMnQGyZOIJqV8AETqfIHqMSqBxLwHARJEBkkqPMWokAPRNF2IEA4kABTXHuKQaU3Q8h+lwBCfgRR+AADM0zDzNJAK0ng7SkkpOOqwIAA)
- [Simple infinite scrolling (lazyloading)](https://flems.io/#0=N4Igxg9gdgzhA2BTEAucD4EMAONEBMQAaEGMAJw1QG0AGI2gXRIDMBLJGG0KTAW2RoAdAAsALn3jF0UMYlmoQIAL5Ee-QSCEArLiUiz5YxXyF8IAV1kAKfBDAWBsoQCMI+AJ5EABNYCU3gC8AHzewAA6UN7eAPQx3gDm8ojkmHLe8GwwYt4QLN5scnwwkdEG2QVFMEHeAILkqR5CLJR81sAZ8gliIijeAKy0tN6qvgD6PmwBIQXeANTeAIx+kaWdOZl8hTUATEOrUbHxFIhpiN49lGJiSPjeZJTw8N4imFD4SOQXrzlgIohgADW1QeGG82EoCXIiBg1TedzYUBOmDw1U22zY+RwEIgmD+iIS3nk+DW5Ryr3eSAAyhQwYFvlcbohrHt6L5pqEIodopjfOicsF6YVEMUhEgoN0RAFoWILOQogB3RF2BVCaHmABuiAAolrZAAZLJyKApawAclBTzNPgpH0QNMe8BW3O8ZPuNTsDicYiElsyEu1SG9ax5+WsMF9tKeAAlEGwEuJvABae6Rx0AFQg2G8AB5vEr3hBVYiTeRY-HEwAqbwAZgCXOijYybC2OTm9J2-RDjdM0PwqQV-m7yjWymdazi3kw+DufqJepyYgg+eVRZ88NdSEwX2g6ogWrWBZVQmn+F1RkN2WS5HNfutL3h1KjToO0RlcqiDcbu5F+8QfX8IJQiPIs1V-LVzwNI1r1vZ971tJ9HT8Ihuw1NhEAVACOW7aI2hwxszQseBrXw6JJxgTIwHOfAsmwLAPCnBpMAYixsyXZtW1IyoRQjCi2Co6w2X5PwzBwawAA8gO8NozUye9xL8Z0m2iJSRkiMcDknCFEAXao+CIsQ2Do84wEwJ5qnYhI2D1bwWCsMBDOgFcekRRJrPkaSSigOykUcqJLgga4kGsYofBYKAfCwCp6Voes1nfeVfCEZLtwSGAOTCbteWsAARM4hCgItAJTKKcjzYppUQWV5W7UqajyuQCqK1TonC6xkpPcg0tUkcoF6lQ1BAXgBEUIQwFhaQDGNYw0BUZgQH9YFuCGjQTEKERyA4aQ5SkNBxDEXAUDiKxsEBBIxogPgYlbDaOAAAR2IRaCEAAWa71s2+AzERHQ9BAMQPGwTQHiM4xlHm4bgZbYyCm8xFhXuZ8CRUIA)
- [Nested hyperscript helper](https://flems.io/#0=N4IgZglgNgpgziAXAbVAOwIYFsZJAOgAsAXLKEAGhAGMB7NYmBvAHgBMIA3AAgjYF4AOiAwAHUQBEuwgHyC03bvJYB6DpzloWogE4xeA4bQCuxAAp7Z8xcpW6YMyiDgxY1YhHoJEIAKyIANhAAXwp0bFwffAArBCo6BiZiPBUVbhgAD0Y0Nm4sbjBjNHdPBQB3CGJCbhMdbkJXURgdeVTuKv0MYmIdCAAjU3huDBzuakJoNj0FUQw4F1yMPWHxKAgYXOJadobuNhgYJrhiMYmoNla04gwAczhee4xuY960G+4yifHnw6WuoZcbi2OnuxjgEDew24MlOf3czXkWHwCn43AAFNc7hRuPhcXpjgBKbj8GHAaxjLwnWY6Yj3VGYuD4OCiNbENEAchk7IJ5L0xGMOhmS1p+D0bGM1BgACUIDcSGi0eNJtjMUSSXkMbd8D0IFg0QTsUrzgaNdSRaJaKJ9drenqTbjRfBiASeWhgvJ5AljtwAILiYncMkKbicdZlRDotUwpFoDlYDAQ6HcUT4OhYCDUAC0cBG9xhzJGjrY7OxwHalVgEfZE3Z3FC3HZAAlXFBtgB1Wg6c7c+TutCI-BYEwMNFiSRcbF+0Su+Qmcx6bWZYgAYXo2ROqLHUk4+AhaGajYAKgBZAAyTkBMBKXjwAEYACyIADMAHYQmEQJgcHhU-MnAl1x-NMM2zXNA3JMA10zMBsGgABPCNgOoZ4wKwOAAG5ew9NAi3A4M6FbHQIzFTC3QvVwrw8G8fACRBbxCABdKg1jQABrbxUE-CI8HTKpenIKgBXIHwSGIUQ4EQVIilEViblTWgsBUXjCH4gABAAmfAAAZ8HvJTKhU6BBwhGI4hAYg4KaPA4GoXpRGSYIGOCIA)
- [Infinite Scroll for Mithril on mobile and desktop](https://github.com/ArthurClemens/mithril-infinite)
- [Using Powerform + Mithril](https://codesandbox.io/s/powerform-mithril-pdrl1?file=/src/index.js)

#### Starter kits

- [Mithril/Typescript/SASS/PostCSS/Webpack2](https://github.com/spacejack/mithril-webpack-ts)
- [Mithril/Typescript/PostCSS/Browserify/HMR/Budō](https://github.com/spacejack/mithril-browserify-ts-budo)
- [Game development with Mithril/THREE.js/Typescript](https://github.com/spacejack/three-mithril-ts)
- [Mithril Starter Project with Rollup, Babel, LiveReload, Jest and ESLint](https://github.com/ArthurClemens/mithril-starter-rollup)
- [mithril-starter-kit](https://github.com/dhinesh03/mithril-starter-kit) - A boilerplate Mithril application using Webpack 4, ES6, Sass/SCSS, Js and scss hot reload and eslint
- [sourcestack](https://github.com/stackplanet/sourcestack) - Template for full-stack Typescript web apps on AWS, using Mithril on the front end.

### Testing

Mithril does not require specialized tools for testing, however the following have been developed as side projects to the main framework or by the community.

- [Ospec](https://github.com/MithrilJS/mithril.js/tree/rewrite/ospec) - Mithril's own fast test runner.
- [Mithril Query](https://github.com/MithrilJS/mithril-query) - Query Mithril virtual dom for testing purposes.

### Libraries, Components & Plugins

- [Polythene](https://github.com/ArthurClemens/Polythene) - Material Design for Mithril and React.
- [mopt](https://github.com/MithrilJS/mopt) - Optimize `m()` calls to javascript objects.
- [mithril-range](https://www.npmjs.com/package/mithril-range) - Customizable range component.
- [mithril-select](https://www.npmjs.com/package/mithril-select) - Customizable select component.
- [Mithril-Datepicker](https://github.com/CreaturesInUnitards/mithril-datepicker) - Localizable date picker.
- [TypeScript types](https://www.npmjs.com/package/@types/mithril) - Typescript type definitions for Mithril.
- [mithril-helpers](https://github.com/isiahmeadows/mithril-helpers) - Collection of Mithril helpers and utilities.
- [mithril-transition-group](https://github.com/vrimar/mithril-transition-group) - Components for creating state/class based transitions.
- [mithril-checkbox](https://www.npmjs.com/package/mithril-checkbox) - Customizable checkbox and radio button component.
- [Construct-UI](https://vrimar.github.io/construct-ui/#/introduction/getting-started) - a UI library inspired by Blueprint, Polythene and Ant-design
- [mithril-materialized](https://erikvullings.github.io/mithril-materialized) - a component library for [materialize-css](https://materializecss.com)
- [mithril-leaflet](https://erikvullings.github.io/mithril-leaflet) - a map component based on [Leaflet](http://leafletjs.com)
- [mithril-portal](https://github.com/vrimar/mithril-portal) - a component for rendering inline children to `document.body`
- [famicon](https://github.com/kliksob/famicon) - Fontawesome svg icons component for mithril
- [mithril-graphql](https://github.com/benthepoet/mithril-graphql) - A lightweight GraphQL client for the Mithril framework.
- [Maille](https://mrman.gitlab.io/maille/) - A component library for Mithril

### Tools

- [Mithril Template Converter](https://arthurclemens.github.io/mithril-template-converter/) - Convert HTML to `m()` hyperscript.
- [Mithril Emmet VSCode Extension](https://marketplace.visualstudio.com/items?itemName=FallenMax.mithril-emmet) - Add Emmet (zen-coding) support for Mithril inside of VSCode.

### pre 1.0 Release

- [Leo's Blog](http://lhorie.github.io/mithril-blog/) - Leo, the main Mithril author, writes about virtual dom and tips and tricks.
- [Github Wiki](https://github.com/MithrilJS/mithril.js/wiki) - Wiki content is mostly about the 0.2 version, some material may be more up to date with the current API.

### Mithril in the Wild

- [flems.io](https://flems.io) - Web Playground & Sandbox with easily shareable urls and other neat features.
- [lichobile](https://lichess.org/mobile) - Mobile version for lichess.org using Mithril inside Cordova.

### License

[![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0/)