If you’ve ever built a custom website, you know that it can be a multi-step process that often begins with a wireframe. A wireframe is a rough sketch that outlines where certain elements appear. It doesn’t include graphical elements, as this is usually left for the graphic designer. Trouble is, creating a wireframe isn’t always easy. You can use expensive software like Photoshop or Illustrator, but for most people, a pen-and-paper sketch works the best.

There’s a free web-based alternative that does a fantastic job at letting you create, share, and edit wireframes. It’s called Hot Gloo.


Above is a screenshot from a demo session. On the right side of the page is the sidebar where I have a list of my current wireframes. Below that are element that I can drag and drop onto the wireframe. Elements include text, shapes, buttons, input fields, and most other web elements. All elements are vector-based and can be easily resized.

Along the top are editing tools, such as undo/redo, copy/paste, and a way to browse through your own images that you play to use in the wireframe. When you’re finished, you can export your wireframe as a PNG or PDF. You also have the option to share your wireframe with others users.

If you need help getting started, they’ve got an archive of videos.