orbitbot / Awesome Mithril
A curated list of Mithril awesome
Stars: ✭ 155
Projects that are alternatives of or similar to Awesome Mithril
mopt
Babel plugin to optimize Mithril m() calls into simple JS objects for speed
Stars: ✭ 45 (-70.97%)
Mutual labels: mithril
Tutanota
Tutanota is an email service with a strong focus on security and privacy that lets you encrypt emails, contacts and calendar entries on all your devices.
Stars: ✭ 4,326 (+2690.97%)
Mutual labels: mithril
chrome-snowplow-inspector
Web Extension for debugging Snowplow pixels.
Stars: ✭ 26 (-83.23%)
Mutual labels: mithril
create-mithril-app
Sets up a mithril.js project with webpack
Stars: ✭ 20 (-87.1%)
Mutual labels: mithril
Mithril Data
A rich data model library for Mithril javascript framework
Stars: ✭ 17 (-89.03%)
Mutual labels: mithril
polythene-mithril-setup
Minimal setup example how to create a Polythene app.
Stars: ✭ 16 (-89.68%)
Mutual labels: mithril
Crucible
API CMS UI powered by Firebase, mithril, and my own dwindling sanity. Oh, and acronyms.
Stars: ✭ 116 (-25.16%)
Mutual labels: mithril
mithril-materialized
A Materialize-css library for the Mithril framework.
Stars: ✭ 22 (-85.81%)
Mutual labels: mithril
Todomvc Mithril
TodoMVC app using Mithril.js with CoffeeScript and Brunch
Stars: ✭ 15 (-90.32%)
Mutual labels: mithril
mithril-datepicker
Pick a date! But only if you're using Mithril. (component for Mithril.js ^v1.0)
Stars: ✭ 23 (-85.16%)
Mutual labels: mithril
Mithril Query
Query mithril virtual dom for testing purposes
Stars: ✭ 105 (-32.26%)
Mutual labels: mithril
fimfic2epub
📚 Chrome/Firefox extension & npm package for improved EPUB export on fimfiction.net
Stars: ✭ 17 (-89.03%)
Mutual labels: mithril
Polythene
Material Design component library for Mithril and React
Stars: ✭ 578 (+272.9%)
Mutual labels: mithril
Mithril Isomorphic Example
Example of an isomorphic mithril application
Stars: ✭ 107 (-30.97%)
Mutual labels: mithril
Bell
⏱ Counting down to the next time the bell rings at school
Stars: ✭ 15 (-90.32%)
Mutual labels: mithril
Awesome Mithril
A curated list of Mithril awesome
Mithril is a modern client-side JavaScript framework for building Single Page Applications.
Contents
- Official Resources
- Community
- Learn
- Examples
- Testing
- Libraries, Components & Plugins
- Tools
- pre 1.0 Release
- Mithril in the Wild
- License
Official Resources
- Website
- Simple Application Tutorial
- API Reference
- GitHub Repo
- Framework Comparison
- Change Log
- Contribution Guide
- Job listing
- Who uses Mithril?
Community
- Gitter Chat Room
- Use
#mithriljs
on Twitter and other social media.
Learn
Tutorials
- Isomorphic web application with Mithril - How to write isomorphic web applications, i.e. server-side rendering and client-side code with one codebase.
- Example Mithril Components - Concise examples with both ES5 and ES6 versions.
Examples
Apps
- Isomorphic web application with Mithril - Server-side rendering example using mithril-node-render.
- Mithril tutorial app - The tutorial app from mithril.js.org adapted to Typescript.
- Freddy - Mobile Reddit Reader.
- Flems - Web playground & sandbox as an embeddable module.
- mithril-slides - Keynote-inspired presentation app.
- WaveShader - Audio wave sketchpad.
- Flash Games Catalog - Catalog and launcher for flash games.
- Tutanota - Secure emails for everybody.
- Podrain - A web-based podcast app with offline capabilities.
- 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 - 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.
Snippets
- Basic drag and drop example
- Somewhat opinionated typeahead
- Simple carousel
- Filter using CSS
- Get a string representation of a Vnode using fragments
- Granular redraw with streams
- Modal component example
- Mithril and A-Frame
- Declarative setInterval (using streams instead of hooks)
- Simple infinite scrolling (lazyloading)
- Nested hyperscript helper
Starter kits
- Mithril/SASS/Webpack2
- Mithril/Typescript/SASS/PostCSS/Webpack2
- Mithril/Typescript/PostCSS/Browserify/HMR/Budō
- Game development with Mithril/THREE.js/Typescript
- Mithril Starter Project with Rollup, Babel, LiveReload, Jest and ESLint
- mithril-starter-kit - A boilerplate Mithril application using Webpack 4, ES6, Sass/SCSS, Js and scss hot reload and eslint
- 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 - Mithril's own fast test runner.
- Mithril Query - Query Mithril virtual dom for testing purposes.
Libraries, Components & Plugins
- Polythene - Material Design for Mithril and React.
-
mopt - Optimize
m()
calls to javascript objects. - mithril-range - Customizable range component.
- mithril-select - Customizable select component.
- Mithril-Datepicker - Localizable date picker.
- TypeScript types - Typescript type definitions for Mithril.
- mithril-helpers - Collection of Mithril helpers and utilities.
- mithril-transition-group - Components for creating state/class based transitions.
- mithril-checkbox - Customizable checkbox and radio button component.
- Construct-UI - a UI library inspired by Blueprint, Polythene and Ant-design
- mithril-materialized - a component library for materialize-css
- mithril-leaflet - a map component based on Leaflet
-
mithril-portal - a component for rendering inline children to
document.body
- famicon - Fontawesome svg icons component for mithril
Tools
-
Mithril Template Converter - Convert HTML to
m()
hyperscript. - Mithril Emmet VSCode Extension - Add Emmet (zen-coding) support for Mithril inside of VSCode.
pre 1.0 Release
- Leo's Blog - Leo, the main Mithril author, writes about virtual dom and tips and tricks.
- Github 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 - Web Playground & Sandbox with easily shareable urls and other neat features.
- lichobile - Mobile version for lichess.org using Mithril inside Cordova.
License
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].