User Interface Widget Examples

We can develop your user interface using fast, functional, fun widgets that help people use your web pages more effectively.

This page has widget examples of some our most requested user interface features. These widgets are examples of the JQuery UI programming toolkit.

Tabs

First section of content goes here.

Second section of content goes here.

Third section of content goes here.

Third section of content goes here.

Accordion

First Section

First section of content goes here.

Second Section

Second section of content goes here.

Third Section

Third section of content goes here.

Fourth Section

Fourth section of content goes here.

Progress Bar

Color Picker with Sliders

Effects

Hello World

This box shows various animation effects
when you select an effect from below
then click the "Run Effect" button.

Run The Effect

Scroll Side To Side

1
2
3
4
5
6
7
8
9
10

Calendar

Icons

Sort Grid

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

Get JSON

Date Picker with Calendar Popup


Click in the box to pick a date.

Word Picker with Autocomplete

Type letters in the box to find matching words.

Sort List & Open Windowshade

  • First Item
    First section of content goes here.
  • Second Item
    Second section of content goes here.
  • Third Item
    Third section of content goes here.
  • Fourth Item
    Fourth section of content goes here.

Dialog

This is a dialog which is useful for displaying important information to the user.

The dialog window can be moved and resized by dragging.

To close the dialog, click the 'x' icon at upper right.