elwebUI: Complete web wireframe kit


Over the past three year my main job has been to design web interfaces and interactions. Most of my day consisted on making wireframes for new web projects. From simple landing pages to complex multi step processes to select the best bank account for any given customer and everything in between.

This is a collection of all the little things that I’ve made over the years. I use this stuff all the time to produce high quality wireframes for my customers and for my own projects. The goal of this stencil is to become a complete collection of commonly used interface items for web projects. Right now I think most of them are there. To use this stencil you will need OmniGraffle, possible the best wireframing tool in the planet.

Download elwebUI  Stencil for OmniGraffle

elwebUI Download


Preview of elwebUI

Here is the link to the Graffletopia page where elwebUI is hosted. Please leave your suggestions of comments below. I want to make this stencil as useful as possible for everybody.


10 thoughts on “elwebUI: Complete web wireframe kit”

    1. I know of http://www.mockflow.com/ which is pretty good and there’s also http://pencil.evolus.vn/en-US/Home.aspx wich works on to of Firefox.

    1. Unfortunately this is only compatible with omnigraffle, but I will look into exporting it to other popular wireframing apps. Pencil is first on the list, since it runs on every platform.

  1. Hi – First of all, thank you for creating a really great stencil. It really helped me prototype a decent looking interface very fast.

    Do you have a PSD version of the components? – hope i’m not asking too much, but i created a mockup screen and am now creating the html and being able to use some of the stencil graphics would be great. Thank you in advance.

  2. Hello,

    Thank you so much for such great stencil. I really loved the cleanness of the controls.

    A question, how can we increase the columns and rows in the table control?

Leave a Reply