Welcome to Wires

Wires lets you build online wireframes right in your browser. There are no fancy plugins here! This is wireframes for the web, built on the web. The page you're viewing now was created using Wires, and gives you a taste of what's to come.

What are you waiting for? Give it a try!

help
triangle-up
pipe

Start by adding a new widget to the page. Just click the big plus (+) above.

You can click on any widget to change it's size and position on the canvas.

1

triangle-right
minus

When you click on a widget, it turns blue.

Notice the sidebar on the right side of your screen. You can configure any widget using the sidebar.

2

Adding icons to your wireframes is a cinch. All images in Wires are vector-based, so you can resize them to your heart's desire, and they won't lose quality.

3

twitter-bird
twitter-bird
twitter-bird
twitter-bird

Wires has everything you need to build amazing wireframes. Here are a few examples of our wildly wonderful widget library:

4

  • Look, tabs!
  • Woohoo!
Text box

Forms? No problem!

••••••••
Text area. Look at all the space!
checkCheckboxes
circle-strokeRadios
Select menustriangle-down
Save
Cancel
check
x

Working with clients and coworkers? All QuirkTools projects allow you to add comments and notations to help you collect feedback and build amazing wireframes any time, anywhere.

Click on the "Comments" tab in the sidebar to see an example.

5

triangle-right
minus
chat
placeholder