Mavo.io – A new, approachable way to create Web applications
A new, approachable way to create Web applications



	

	



	What is Mavo?

	
		Mavo extends the syntax of HTML to describe Web applications that manage, store, and transform data.
		Store data in the cloud, locally, or not at all by just changing an HTML attribute
		Edit data right in the website, with an intuitive, auto-generated, customizable interface. No more wrestling with CMSes and servers!
		Multimedia uploads in your page via drag & drop, pasting, or browsing, without a single line of code.
		Perform  calculations right in the HTML, that update when needed. No need to write JavaScript!
	



	
		
		Mavo uses familiar HTML-based syntax and can be used even by people with no programming experience.
		This is not wishful thinking; it’s published, peer-reviewed research.
	
	
		Learnable
		Mavo’s core functionality can be learned in a few minutes, and is enough to create a vast variety of applications that manage, store, and transform small-scale data.
	
	
		Flexible
		Design your application with the same design freedom and tools as a static webpage. Mavo works with your markup, not against it.
	
	
		Extensible
		Mavo has been designed for extensibility from the ground up. Plugins can modify almost every aspect of its behavior and add new powerful functionality.
	
	
		Accessible
		Mavo apps are keyboard accessible and screen reader friendly out of the box.
	
	
		Free and Open Source
		We created Mavo because we thought that creating Web applications should be easier than it is today. Monetization is not among our priorities.
	



	Mavo at a glance

	Editable homepage

	To try out editing, log in to GitHub or watch the video.

	

	Simple To-Do list

	Watch Video.

	

	Editable portfolio

	To try out editing, log in to GitHub or watch the video.

	
			
				<main mv-app="portfolio"
				      mv-storage="http://github.com/mavoweb/data/portfolio">
					<header>
						<h1><a href="http://julesmuck.com">muck</a></h1>
					</header>

					<div mv-list>
						<a property="painting" mv-list-item mv-attribute="none">
							<img property="image" />
							<p property="name"
							   mv-default="[readable(to(filename(image), '.'))]">
							</p>
						</a>
					</div>
				</main>
			
			
		

	
		Learn More
		More Demos
	












