What is ForeUI?

ForeUI is a handy UI prototyping tool which can help you on UI and Interaction design for web/desktop app. More info are available on http://www.foreui.com/

How to Use This Site?

This site is tightly integrated with ForeUI software. You can upload your plot file, custom element or library form ForeUI and share them with others. You can also download resources shared by others from this site or via ForeUI.

User login

Powered by Drupal, an open source content management system

This is an enhanced version of Date Picker element. The contents in popup area are grouped together so their behavior will not be disturbed if multiple Date Picker elements are overlapped.

Standard TextBox containing Lorem Ipsum text.

This library includes 15 custom elements for flowchart creation. You can make flowchart quickly with this library, enjoy it :-)

This is an interactive wireframe that simulate the UI and behavior of famous Twitter website. You can do many things on this mockup. Such as browsing or searching content, create new account, sign in, post new message etc.

The plot uses some features available from V2.32, so please use ForeUI V2.32 or above to edit or run simulation.

This example is quite big so if you run the preview online, it may take a while for loading.

Remarks: This example has been included in the install package from V2.32.

It is a small iPhone game mockup. It is recommended to run its simulation in iPhone's web browser.

How to play: guess a number in given range, the range will be narrowed with your tries, a message box will pop up when you dope out the correct number.

This mockup does not include the iPhone shell, but you can run it in iPhone's web browser to get the "real" experience of the app.

This is a set of real scale iPhone widgets. The iPhone screen size is 320x480, which is exactly the same with the real iPhone.

As the second revision of this library, it contains 28 elements. The new elements include message box, search bar, title bar, tabs, selected menu item, slider, progress bar etc.

This is a modified version of Evan Taylor's StarRating.fce element. I made the following changes.

1. A border to make it look smooth
2. A confirmation message when mousing out.
3. Hovering over any star gives a dialog message.
4. Mouse out retains what rating you gave.
5. Kept the control visible by default.

Edited by admin: merged the descriptions from two versions.

A very simple pagination component.

A common search dialog with some search options (search up/down, match case, wrap search and match whole world).

A screencast widget with 4 pictures inside. You can switch picture by clicking the small buttons on bottom left corner.