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

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.

This web browser element can simulate a draggable browser window, after inputing the URL the web page will be loaded in the center view. Browsing history is also supported.

An interactive slider element. You can change its current position with drag and drop.

This element has its exclusive custom event "TextBox_Slider_AdjustPos", since the event name contains the element id "TextBox_Slider". When you drag multiple instances of this element into the plot, they will all work as expected and will not interfere each other.

Please use this element in V2.20 or above.

This is an example for simulating the tooltip. It is requested by Jeremy on http://getsatisfaction.com/easynth/topics/community_challenge_tooltip_that_respects_mouse_position

The element "TextBox_Tooltip" can actually be used as a custom element. All elements that need a tooltip can specify the tooltip content in the "Mouse Over" and "Mouse Out" event handlers. If the tooltip content is set to empty, the tooltip will not be displayed.

This example demonstrates how to simulate drag and drop with ForeUI.

The draggable container can be used directly to simulate a single draggable object or a custom window.

The group with "Drag Somewhere to Move" title demonstrates the advanced usage of draggable container. It changes the move action target to the entire group, so you can drag any place within its bounds to move the group.

Please run this example in ForeUI V2.17 or above.

This custom element can be used as a draggable container. You can drag to move it in the simulation. If you place some elements within its bounds, those elements will be moved together when you drag the container.

It is powered by the new mouse events available from V2.17, so please make sure to use it in V2.17 or above.

A statistics chart that will be updated for every second. May be useful for simulating stock trend, web trafic etc.

A simple vote component. You can click the "thumbs up" button to vote up, or click the "thumbs down" button to vote down.