Mavo (@mavoweb) header
Mavo (@mavoweb) profile picture

Mavo

@mavoweb

Mavo helps you turn your static HTML into reactive web applications without a single line of programming code. Developed in @MIT_CSAIL and led by @leaverou

mavo.io
Joined November 2016
  • Tweets323
  • Following9
  • Followers949
3Media
Photo by Mavo (@mavoweb)Photo by Mavo (@mavoweb)Photo by Mavo (@mavoweb)
We just released a hotfix that removes polyfill.io from Mavo, a third party service which has been recently compromised to serve malware, see: dev.to/snyk/polyfill-supply-… We recommend all Mavo users upgrade to v0.3.1 ASAP.
Polyfill supply chain attack embeds malware in JavaScript CDN assets

Polyfill supply chain attack embeds malware in JavaScript CDN assets

On June 25, 2024, the Sansec security research and malware team announced that a popular JavaScript polyfill project had been taken over by a foreign actor identified as a Chinese-originated company.

dev.to
1
3
267
If you are unable to upgrade, the good news is that Mavo only used this service for features that are at this point supported everywhere, and any requests to it were gated behind our own local feature testing, so impact should be minimal.
1
90
After a long hiatus, we just released a new major version: say hi to v0.3.0, long overdue! Read about the changes here: github.com/mavoweb/mavo/rele… And there are even more exciting things to come!
Release v0.3.0 · mavoweb/mavo

Release v0.3.0 · mavoweb/mavo

We have some very exciting plans for Mavo going forwards, but the first step was to make a new, long overdue, release. Breaking changes A new way to define collections (mv-list/mv-list-item). You ...

github.com
2
1
8
6,567
📣 Only ~45 lines of HTML + some CSS to build a fully-fledged dictionary app. @mavoweb will never stop to amaze me! 😍 codepen.io/dmitrysharabin/pe… #MadeWithMavo
1
1
6
372
Do you ever come across content (esp images or videos) online that you find unpleasant or even anxiety-inducing? Fill out this survey to help us understand how to help you and get a chance at a raffle for $30 gift cards: mit.co1.qualtrics.com/jfe/fo… Please r/t.
9
1
11
3,535
📣 A couple of days ago @karger challenged me to build the Wordle Game with @mavoweb. Since I like challenges, now we have another app showcasing awesome Mavo features. 😅 It takes ~70 lines of HTML. Play with it and tell us what you think: dmitrysharabin.github.io/mav… #MadeWithMavo
Image from Dmitry Sharabin (@DmitrySharabin)
3
6
23
Even though I’m the lead developer of @mavoweb, it still blew my mind that something like this is possible with it. 🤯🤯🤯 Memory game with HTML & CSS, #noJS!
Dmitry Sharabin (@DmitrySharabin) profile pictureDmitry Sharabin@DmitrySharabin23 Nov 2021
📢 New @mavoweb app—a card matching game (aka Concentration) built without a single line of custom JS. It showcases many Mavo features, including the future ones: a new way of defining collections, item bar customization, pluralize(), etc. github.com/DmitrySharabin/ma… #MadeWithMavo
1
6
29
Wow! 🤩
l'homme baton (@BatonHomme) profile picturel'homme baton@BatonHomme6 Nov 2021
Replying to @mavoweb
@mavoweb
5
The more I dig into libs like @unpolyjs, @mavoweb or Stimulus, the more I feel excited. It is obvious to me that today's mainstream JS frameworks/libs are a dead end for the Web that lead only to legacy clumsy apps.
2
12
43
Important! We are about to introduce a major change with how collections are specified: instead of mv-multiple on the item, mv-list on the collection and mv-list-item on the item. If either is missing, they will be generated. Thread 👇🏼
1
3
3
Please try this out and let us know if any of your Mavo apps broke beyond styling fixes: mv-list.dev.mavo.io/dist/mav… mv-list.dev.mavo.io/dist/mav…
1
1
Existing syntax will be automatically migrated (with a warning), but some CSS may break (especially CSS using child selectors or [property=xxx] to target items).
1
Replying to @mavoweb
@mavoweb is a pretty interesting project. Not only does it turn an HTML into an editable version of itself, but it also handles authentication and commits/uploads to GitHub for you, without having to set up any servers/APIs whatsoever. Is there anything else like it?
1
4
FYI I built the website using mavo.io created by @LeaVerou and @karger from my former lab at MIT. Check it out: web apps that manage, store, and transform data with just some minor HTML setup! And huge thank you to @jennyjfan for our amazing logo and web design!
social futures lab logo

ALT social futures lab logo

4
3
22
Replying to @amyxzh @LeaVerou @karger
Also @LeaVerou @karger thank you for Mavo -- it's incredibly cool and so easy to use!!! 90% of the sites I make for clients are just simple pages that need a little bit of text editing without getting into code, and this solves it so seamlessly.
2
1
5
New @mavoweb demo on @CodePen— Theamable Chart. Showcases many Mavo features and the Chart plugin. And even uses @googlesheets as the data source. Yes, Mavo can manage that right out of the box! Let us know if you want to know more about how it was made. codepen.io/dmitrysharabin/pe…
Image from Dmitry Sharabin (@DmitrySharabin)
3
6
Have you used Mavo for a real world project, recently or in the past? We'd LOVE to hear from you! docs.google.com/forms/d/e/1F…
Mavo in the wild study - Intent to participate

Mavo in the wild study - Intent to participate

Have you used Mavo for a real world project? We'd LOVE to hear from you. Please fill in your details below and we may reach out for a 30-45 minute chat over Zoom (or other software if you'd prefer)...

docs.google.com
6
2
Have you ever wanted users of your @mavoweb app could log in using their social accounts, like Facebook or Twitter? The Firebase plugin lets you do exactly that. Want to know more? See plugins.mavo.io/plugin/fireb… And here is a demo app you can play with mavo-todo-firebase.netlify.a…
4
1
Heads up! 😎 We moved the Github pull request flow to the Github PR plugin to reduce the Mavo bundle size. If you want to continue accepting PRs, add mv-plugins= "github-pr" to the Mavo root. For more details, see plugins.mavo.io/plugin/githu… ~DS
1
1
This currently only applies if you’re using the development version, but will eventually make its way into stable.
Load more