107 comments

[ 4.9 ms ] story [ 218 ms ] thread
After looking at Balsamiq I've been thinking something web based, free and built on HTML5 would be much better.

Congratulations on what you've built!

2 features I would like to see are permalinks to a 'moqup', to send to clients, and also it would be nice to be able to import Balsamiq XML files.

EDIT: Just spotted the share feature, looks great.

Thank you. Balsamiq import is on our mid-term roadmap. Permalinks are already available in the Share menu (you need to sign in/up first)
I love Balsamiq but hate flash. Hello Moqups!
Nice. Even works somewhat on the iPad. Is it possible to have a different default font? Looks like comic sans now.
Yes, for now there are 4 styles available when you create new projects. At a later time we'll be introducing advanced typography features.
Much as I hate Comic Sans too, I think it does keep the emphasis on the layout rather than the design, a useful characteristic of a mock up.
Looks real nice on Retina Mac.
That was our goal. We'll be working hard to provide a smooth mobile experience soon :-)
(comment deleted)
Feels a bit laggy on my computer (linux+chrome) when dragging items around. But this looks really good! I might even start making mockups now.
Sorry to hear that. We really love Linux users too! This may be related to some hardware acceleration issues.

Are you using the latest and greatest Chrome? Also, this performance degradation may occur if you have many many other tabs open.

If the problem persist, there is still good news: try enabling the "Live resize of objects" checkbox in the "Settings" popover.

If memory serves I'm on the canary/developer build (18.0.xxx). I think that's as latest as it gets, can't also say the greatest :)
PSA: Chromium in the Software Center is very old. The current stable version is 20.X. Download Chrome from Google.
please give option to change Comic Sans to soemthing else
The sample project is using the handwritten style, but no worries: You can always select a different font style when creating new projects.
They do give the option when creating a project, but it may be nice to also allow to change the font of an already loaded project.
It's Chalkboard actually.
And I thought Balsamiq would never have a tough competitor! Great work, love it.
1. Will this be free forever or will it be bumped to a paid service?

2. Any plans of supporting the iPad as a HTML5 app?

Really liking the interface while building mockups (already started building them!).

1. We'll keep the main functionality free (with some reasonable limitations). We plan on adding some really cool collaboration and annotation/feedback features soon that we'll probably ask a buck or two for. 2. Yes, Mobile is one of our top priorities, simply because the mockups look so gorgeous on the Retina display and it makes sense. There are some challenges we need to overcome though (performance is one). We can at least promise some great additions on the Viewer veeeery soon.
Looks awesome!

Small UI bug I noticed, the icon in the Tail section for "top left" is the same as the one for "left top" (http://cl.ly/340F1H030G1s3D2F2F2H)

Thank you. We've spotted that and already fixed it in our internal releases. We'll deploy a new build with many fixes soon.
I like it. So much nicer-looking than current Balsamiq.

Out of interest, what did you use to do mockups for this app? ;)

Thank you!

Great question actually - Once we were able to use Moqups to mock up the remaining dialogs, we started joking about Mockup Inception - Moqception. Really weird feeling, but also nice :-)

This was not obvious: I wanted to select many small items inside a large box, but I couldn't click-and-drag to select the small items without also selecting the large box. The solution was to lock the big box.
Beautiful!

1. After registration, the next UI-view doesn't show up immediately.

2. Adding more fonts and Social-media buttons. Even custom buttons too would be a great addition!

3. I'm a paranoid person and there are many like me. Please convince me strongly, How secure is it to keep someone's Idea in your Back-end servers?

4. Finally on long-term look for Building a platform and community around! May be you can bring Front-end designers to hire them straightaway.

I like it a lot and wish I had your html/js chops. Quite intuitive too. I could quite easily sit at some cafe with a client and throw round ideas with this.
I teach a Skillshare class about UI/UX/Mockups/Wireframes for mobile apps and I recommend Moqups to my students as a quick and fast way to start working.

Thanks for a great product!

We're humbled to hear about that. Moqups will always be free (including the premium features) for non profits/educational organizations. Please drop us a line at contact[@]moqups.com when you get the chance.
Do user groups count as a non profit or would that need to be more formal (as in a 501(c))?
With all the honesty, we haven't decided yet.

Moqups will continue to be free in its simplest form, so feel free to enjoy it. After launching the premium features, we'll provide an application form and carefully analyze each application in order to determine if it's eligible for free use or not. Also, we'll make sure to provide more details about what is needed for qualifying in this program.

This solves a problem I've been having! I'll actually use this. I'm not sure how, but if there's any way I can help you guys - let me know!
This solves a problem I've been having! I'll actually use this. I'm not sure how, but if there's any way I can help you guys - let me know!
Great looking app! What did you guys use as your IDE and what is your build process like? I'm currently in the process of transitioning a team from a thick client plugin architecture to HTML 5 and am interested in hearing from others how they have built impressive looking apps in Javascript and HTML.
Thank you.

Some of us are using WebStorm/IntelliJ and others swear by Sublime Text. The SVG layout engine is custom built. The rest is pretty much vanilla Javascript with some JQuery. Feel free to ask us anything!

Are you using JSLint or Google's Closure Compiler to ensure code quality on the Javascript side?
Looks great - any plans on Google Drive integration?
Yes. We've just launched the Chrome App store too http://bit.ly/NUSGvH. DropBox and Basecamp also high on our integration priorities.
Beautiful, clean, and smooth on Chrome (Win7).

Can you give any sort of idea of the development effort that went into this? (ie. # of programmers, time period from starting, etc.)

Thank you. We're a completely bootstrapped startup (6 people). Moqups was created in our limited spare time for about a year where most of the time was spent on researching/optimizing the SVG engine and we really started to take it seriously in the last few months :-)
Wow. That makes it even more impressive, in my opinion. Looks better than most funded apps :)
Seemed to actually function on an iPad. Nice work. The competitive positioning to Balsamiq is clear and well placed. How will you generate revenue if its free?
We will offer other features like collaboration as part of our premium offer. Our main focus for now is to provide the best possible experience to our users.

Edit: Ipad works to some degree, but the app is definitely not yet optimized for a great touch experience. We're also working hard on fixing that.

I was simply using it on the iPad, but generally I can't imagine the iPad is great for mock up design (unless you do some really cool multi-touch things).

Generally, the use case for mock ups at least where I work (we use Balsamiq) is that everyone at least has a laptop.

I'd work on getting parity with Balsamiq, and focus on doing other things better. We use Balsamiq at work, and generally we have a lot of assets already in it (I know you are working on importing), but you'll need to unentrench their current user base.

Going on the freemium model will disrupt a lot of their income too. Right now balsamiq requires that you pay to use it even if you are not collaborating, but I'm sure you already knew that.

I use my iPad for almost all my initial mockup work. There are some great apps out there (iMockups, Mocking Pad, perhaps others). I find I'm more creative when sitting on the couch working on UI design than I am hunched over a desk. The apps do a pretty good job enabling pixel adjustments in a touch environment.
As soon as you create reusable symbols across pages I will switch from balsamiq.
This feature is on our short term roadmap. We just wanted to spend a bit more time to get it right from the beginning.
Is there a way to create templates?
We plan on adding this feature very soon!
Love it! You've got the 960 grid, how about some other common page template sizes that the UI can snap to, like iPhone, iPad. I'd also like to be able to go into that mode so I only see native (moqup style) controls as options..

I often want to bang out a layout so I know I've got UI / distribution of controls sorted and then know my general widths / positioning..

If the snapping as good, and I could export or easily grab the positioning / pixels that's something I'd pay a bit for..

Keep up the good work!!

We're planning to add inner snapping to various device stencils (iPhone for now and others in the future), as well as polishing various interactions. We also get very enthusiastic when planning features like master pages, rulers, cotations and so on. Stay tuned!