Mavo

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 @mavoweb]

We just released a hotfix that removes https://t.co/HUB6U5RdjX from Mavo, a third party service which has been recently compromised to serve malware, see: https://t.co/GJiMiDaUHL

We recommend all Mavo users upgrade to v0.3.1 ASAP.

[Mavo @mavoweb]

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.

[Mavo @mavoweb]

We just released a hotfix that removes https://t.co/HUB6U5RdjX from Mavo, a third party service which has been recently compromised to serve malware, see: https://t.co/GJiMiDaUHL

We recommend all Mavo users upgrade to v0.3.1 ASAP.

[Mavo @mavoweb]

After a long hiatus, we just released a new major version: say hi to v0.3.0, long overdue!

Read about the changes here: https://t.co/WCd0uI15Z4

And there are even more exciting things to come!

[Dmitry Sharabin @DmitrySharabin]

📣 Only ~45 lines of HTML + some CSS to build a fully-fledged dictionary app. @mavoweb will never stop to amaze me! 😍

https://t.co/CPa17bdFAo

#MadeWithMavo

[Farnaz Jahanbakhsh (@[email protected]) @FarnazJ_]

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: https://t.co/ylAA4JMfZB
Please r/t.

[Dmitry Sharabin @DmitrySharabin]

📣 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:
https://t.co/CivzdkvoTp

#MadeWithMavo

[Mavo @mavoweb]

@lifeCooledDown You can have a separate property for the alt text (eg let’s call it altText) and use it in your <img> like alt="[altText]"

[Lea Verou, PhD @LeaVerou]

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!

[Mavo @mavoweb]

Wow! 🤩

[l'homme baton @BatonHomme]

@mavoweb

[Jérémie Patonnier @JeremiePat]

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.

[Mavo @mavoweb]

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).

[Mavo @mavoweb]

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 👇🏼

[Mavo @mavoweb]

Please try this out and let us know if any of your Mavo apps broke beyond styling fixes:

https://t.co/gD6beVGvZT
https://t.co/GpSWFW3zS8

[Fregante @fregante]

@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?

[Amy Zhang @amyxzh]

FYI I built the website using https://t.co/beH9xvJoY1 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!

[Jenny Fan @jennyjfan]

@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.

[Dmitry Sharabin @DmitrySharabin]

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.
https://t.co/uNobmsvOCT

[Mavo @mavoweb]

Have you used Mavo for a real world project, recently or in the past? We'd LOVE to hear from you! https://t.co/mMdZModnU1

[Dmitry Sharabin @DmitrySharabin]

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 https://t.co/VnzlVzjY7D

And here is a demo app you can play with
https://t.co/3PHaZwv0wj

[Mavo @mavoweb]

This currently only applies if you’re using the development version, but will eventually make its way into stable.

[Mavo @mavoweb]

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 https://t.co/goYNMq5bYq

~DS