Skip to main content

Free Online HTML5 Editor: Maqetta


Maqetta is a free online HTML 5 editor that lets you create HTML 5 compliant mockups online. The mockups are created in a form that they are publishing ready, and can be turned into live websites.

Maqetta HTML 5 editor is targeted as a tool for designers to create UI mockups for developers. However, instead of just creating screenshots of UI, designers can create actual HTML 5 compliant mockups using Maqetta. Those mockups can then be passed over to developers, along with all the underlying source code. Developers can either use that source code directly, or modify it add more dynamic functionalities, while still retaining the source code for key design elements. Things like CSS can especially be used directly.

This free HTML5 authoring software is a hosted application, and completely free to use. Maqetta runs directly in your browser, so you do not need to download or install anything to use it. If you want to create full websites in design mode, you are better off using Muse from Adobe.


How to use Maqetta:

  • To start using Maqetta, you can create a free account.
  • Once you sign up for free Maqetta account, it sends an email to verify your email address. Just click on the link in the email, and that activates your account.
  • After that, login to Maqetta. This will show the start page of Maqetta. Here you can choose what you want to do.


  • I started with creating a web page. It opened a window which showed controls on the Left pane, and Right side showed the actual web page as I was creating it.


  • Maqetta lets you create web page by just doing drag and drop. Just pick any control from the Left side, and drop it on your web page.


  • Maqetta also gives you an option to modify source code directly at any time, in case you are not able to accomplish something via drag and drop.
  • Once you are done, you can export your files, and pass them to your developers.

Features of Maqetta:

This free HTML 5 editor comes with several useful features:

  • Visual Page Editor: This is the main use of Maqetta. Essentially, you can create HTML mockups via doing just drag and drop. The visual editor also comes with features like redo, undo, cut, copy, paste, etc.
  • Define Application States: All the websites have some form of interactivity. It could be as simple as just clicking a menu item. In a design tool, it is not possible to code interactivity, but Maqetta provides a neat alternative to that. Maqetta lets designers specify different states for the website. A designer can choose how a webpage will look for a particular state. Controls can be enabled or disabled for different states.
  • Team Review: This is a very powerful feature of Maqetta, especially if you are working in a team environment. You can create your mockup using Maqetta, and then ask your team members to review that, and comment on that. This means you do not need to keep sending screenshots around for getting your mockup reviewed.
  • Theme Editor: This is another powerful feature of Maqetta. It lets you define theme using a set of CSS attributes that you can apply to widgets on multiple web pages. This makes it very easy to maintain a consistent look n feel across all pages of the website.
  • Mobile Authoring: Mobile Authoring holds lot of importance on Maqetta’s roadmap. At time of writing of this article, not much features are available to make website mobile friendly. It does provides an option to put a silhouette of various mobile devices (like iPhone) on your visual editor, so that you can design mockup using exact dimension.

To do more in HTML5, you can create HTML 5 animations, and convert Flash to HTML 5.


I have lot of hopes from Maqetta by reading about its features. The project itself was largely contributed by IBM in the beginning, and the source code was then made open source so that community can add to it. The application is still in its pre-beta at this time, and so have quite a few bugs, and lot of scope for improvement. While I was creating my  mockup with Maqetta, the experience was a bit buggy. Even modifying the source code was slow. But all in all, I believe Maqetta holds lot of promise, if developers are able to deliver on the roadmap that they have promised.

Check out Maqetta.

Related posts:

  1. MockingBird: Online Mockup Creator
  2. CloudCanvas: HTML5 Based Free Online Image Editor
  3. Free Online Image Editor with HTML5 Support: CloudCanvas

Free Online HTML5 Editor: Maqetta
Mon, 22 Aug 2011 19:30:55 GMT

Popular posts from this blog

Apple Launches Web Tool to Deregister Phone Numbers from iMessage

Apple today released a new web tool for users to deregister their phone number from iMessage in the event they switched to a non-Apple device. To deregister a phone number from iMessage, users simply enter their phone number in Apple's web tool, receive a free text message containing a code, and submit the code to complete the process. Users who still have their original iPhone can also transfer their SIM card back to the device and go to Settings -> Messages to turn iMessage off. 

Users switching from an iPhone to another device were often unable to receive SMS messages from another iPhone due to their phone number still being linked to iMessage. These specific errors with iMessage have been a well-known issue since 2011, which is when the messaging service debuted with iOS 5. They were also made even more apparent this past May, where a server glitch caused widespread message delivery problems. Apple was even sued over the matter in a California court, although the company cla…

Microsoft acquires iPhone email app Acompli

After accidentally announcing it a little early, Microsoft is officially confirming it has acquired email startup Acompli. The surprise acquisition means Microsoft is picking up a powerful email client for iPhone and Android in another move that further cements CEO Satya Nadella’s focus on cross-platform technologies. The Verge’s Casey Newton called Acompl "the Outlook for iPhone that Microsoft hasn’t yet built," and it seems Microsoft was equally impressed with the powerhouse email app. "We’re excited about what’s possible as we build on the app’s success and bring it together with work currently in progress by the Outlook team," the company said in a statement. "Our goal is to deliver fantastic cross-platform apps that support the variety of email services people use today and help them accomplish more." Recode first reportedthat Microsoft would make its latest acquisition official today; the company is said to be paying over $200 million for Acompli. A…

Apple will disconnect ‘obsolete’ first-gen Apple TV from iTunes in May

Apple has announced today it will drop iTunes support for some older devices from May 25. This includes the first generation Apple TV, and also any PC running Windows XP or Vista. The company is introducing new security changes which will prevent those devices from using the latest version of iTunes.
Apple says that the original Apple TV is an "obsolete Apple product" and will not be updated to support security changes. Only those with the second generation of Apple TV or later will be able to access the iTunes store.
Windows XP or Vista users won't be able to use the latest version of iTunes, but older Windows computers can still use previous versions without support from Apple. Those who do so, however, won't be able to make new purchases or re-download previous purchases on that computer. If you're on on XP or Vista, you'll need to upgrade to Windows 7 or later to continue using iTunes normally.
The writing was already on the wall for these devices: Wi…