ForeUI -- Handy Html Wireframe Tool

ForeUI is a handy tool to create static or interactive HTML wireframes for software/website. ForeUI will ease the idea sharing, feedback collection, documentation writing and usability testing etc.

If you are professional in UI design, information architect, user experience or interaction design, or if you are working in a software / website development team, or if you have a software / website project for outsourcing, ForeUI can help you a lot on these aspects:

• Showcase your great idea visually and make others get your point immediately.
• Collect feedback from people at very early phase of the project.
• Generate diagrams or charts for documentation writing before coding.
• Use ForeUI to generate HTML prototype to do usability testing.

You can use ForeUI to create wireframe quickly with a hand drawn style, or make a flat wireframe with a few colors and layouts, or implement high-fidelity wireframe with complex behavior (will work in HTML prototype). You can change the style of wireframe by simply switching its UI theme. Currently ForeUI supports these UI themes:

• Hand Drawing
• Wire Frame
• Windows XP
• Mac OS X
• Windows 7

You can define the behavior of each element in the wireframe without coding. All interactions will be defined with intuitive flow charts.

You can run the wireframes as HTML simulation in web browser, which is very good for doing usability testing. You can upload the exported HTML simulation to web server and invite people to review, and leave comments on it. Also you can export the wireframes as image or PDF, which can be used in documentation.

Create HTML Wireframe for Various Web/Applications

You can use ForeUI to design wireframes for website or desktop/mobile/web applications.

Here are some HTML examples that created with ForeUI. You can click the figure below to run the HTML simulation.

Try ForeUI for FREE

You can use Free and Full-Featured ForeUI for 15 days, no email address will be required for downloading:

 or 

Skinnable (Fidelity-Independent) Wireframe

ForeUI has 5 UI themes for wireframing. You can change the wireframe style with just a single click. Your design can have a hand drawn look, flat wireframe look or native OS look (for Windows XP, Mac OS and Windows 7). The animation below shows more details.

Define Behavior for HTML Wireframe

With ForeUI you can make the HTML wireframe interactive by defining the behavior of its elements. You can then run it in your web browser as HTML simulation and interact with it.

All interactions will be defined as event handlers, and each event handler is an intuitive flow chart like this:

This event handlers will be converted to JavaScript in the HTML page and work as you expected.

How to Use

Here is a short video to help you start quickly:

You can find more information in the ForeUI Online Document. You can also check out our FAQ.

How often will ForeUI Update?

Usually we will release new version every two weeks. You can subscribe our blog to get notification about the update. You can also fill in the form below to join our mailing list:

Need More Elements for Wireframing?

With ForeUI you can customize your own element and save it for future usage. Just select some content in your wireframe and pack them into a custom element:

ForeUI is integrated with the community site (www.ForeUI.net), you are welcome to share your own wireframes or custom elements with the community, and of course you can download more elements shared by others. The website also provide the direct link to preview the interactive wireframe (run as HTML simulation).

And you can always launch the community content directly from ForeUI (click the "Resource Sharing" button on bottom left corner):

Support

No matter you are paid user or not, we provide you the Free support service. You can visit our support forum anytime.

The product manager of ForeUI will be there for help, so don't hesitate to post a thread if you have any question, comment or suggestion. We will response very quickly.

Try ForeUI Now

 or