ForeUI -- Wireframe Tool that Export HTML and JavaScript

ForeUI is a powerful tool to create static or interactive wireframes for software/website in your mind. It will ease the process of idea sharing, feedback collection, design documentation and usability testing etc.

If you are working on information architect, UI design, user experience or interaction design, or if you are a member of software / website development team, or if you want to outsource a software / website project, ForeUI can help you a lot. Because it can:

• Showcase your great idea visually and make others get your point immediately.
• Collect feedback at very early phase of the project.
• Generate some diagrams for technical documentation before coding.
• Perform usability test before beta version is released.

You can use ForeUI to make wireframe quickly with hand drawn style, or create flat wireframe with certain colors and layouts, or implement high-fidelity wireframe with complex behavior. 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+JavaScript simulation in web browser, which is very good for doing usability testing. Also you can export the wireframes as image or PDF, which can be used in documentation.

Various Wireframe Creation

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

Here are some examples that created with ForeUI. You can click the figure below to run its simulation (HTML + JavaScript).

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 Wireframe

ForeUI provides 5 UI themes for your wireframing, so you can easily change the wireframe style with 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).

Define Behavior

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

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 and work as you expected.

How to Use

Here is a short video to help you start quickly:

You can get more information from the ForeUI Online Document. You can also check out our FAQ.

How often will ForeUI Update?

We will release new version every two weeks under usual conditions. You can subscribe our blog to get notification about the update, or you can fill in the form below to join our mailing list:

Need More Ready-to-Use Elements?

With ForeUI you can define your own element and save it for future usage. Just select something in your mockup 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 and JavaScript).

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

Need Support?

No matter you are our customer or the trial version user, we will 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