What website wireframing tools are available onlin

Question

I'm looking for an easy to use wireframing tool. I've heard of gliffy, are there any others?

Specifically, I'd like something that is

• Easy to use
• Supports collaboration
• export to html and css
• lets me show the wireframes to the client. Allowing annotations would be a nice feature.
• low cost, or free

Answer 1

With LucidChart you can create interactive wireframes. They have a free version with a limited subset of the wireframing capabilities, but their subscription prices are very reasonable.

Answer 2

Creately

Creately isn't really free, but you can pay them whatever price you think it's right (even $1). Some features (from official website):

Business Diagrams

* Process Flow (BPMN)
* Online Flowcharts
* Concept Maps
* Mind Maps
* SWOT Diagrams
* Organizational Chart

User Interface Design

* Wireframe for Website
* UI Mockup Wireframe
* Web Flow Charts
* Online Sitemaps
* Mockup Screens
* Desktop Software Mockup

Software & Systems Diagrams

* System Diagram and Design
* ER Diagrams (Entity)
* Data Flow Diagram (DFD)
* UML Diagrams
* Class Diagram
* UML State Charts

Network Diagrams & more

* Home Network Diagram
* Office Network Diagram
* Data Center Design Layout
* Capacity Planning models
* Digital Circuits

Mockingbird

Another option is Mockingbird. Their "motto" is:

1. Mock it up fast. Drag and drop UI elements to the page, then rearrange and resize. Go from idea to mockup in minutes.

2. Make links. Link multiple mockups together and preview them interactively to get a feel for the flow of your application.

3. Share with a click. Sharing mockups with colleagues or clients is as simple as sending a link. No more emailing folders of jumbled images.

Mockingbird is made using Cappuccino framework.

Answer 3

Balsamiq , not complete free but you can work with it.

Balsamiq

Answer 4

You could just wireframe in HTML.

Seriously, don't ignore the advantages of what straight HTML wireframing can offer to the process or what tools there are to make it easier and effective. Things like jquery and polypage make HTML a very powerful and capable wireframing and prototyping tool.

I wrote a blog post a while ago that explains some of the advantages and tools of straight HTML wireframing (sorry for the gratuitious self promotion).

Answer 5

Firefox pencil plugin

Answer 6

Another great website wireframe/mockup tool is Mockingbird ... it's collaborative and does decent export.