playground

Change the options, extensions and add-ons below and see the example update in realtime.

Please note that not all options play well together, for example: You cant have the "zoom panels" effect without having "sliding submenus".

Options

• Use sliding submenus.

Extensions

• Use special effects.
  • Use the "slide menu" effect.
  • Use the "zoom menu" effect.
  • Use the "zoom page" effect.
  • Use the "zoom panels" effect.
• Always show an icon-bar
• Change the position of the menu?.
  • Open the menu from the left (default).
  • Open the menu from the top.
  • Open the menu from the right.
  • Open the menu from the bottom.
• Change the z-position of the menu.
  • Open the menu behind the page (default).
  • Open the menu next to the page.
  • Open the menu in front of the page.
• Apply a theme to the menu.
  • Apply the "dark" theme (default).
  • Apply the "light" theme.
  • Apply the "black" theme.
  • Apply the "white" theme.

Add-ons

• Append a counter to the menu items.
• Prepend a fixed header to the menu.
  • Title above the main menu:
• Prepend a searchfield to the menu.
  • Add a searchfield to all panels.
  • Placeholder text for the searchfield:
  • Text for no results:

Congratulations, you're done! Scroll down to see the generated Javascript.