Accordion Menu

Accordion Menu

A popular implementation of the jQuery Accordion object (available in the WYSIWYG Web Builder toolbox) is as a navigation menu.
To make it even easier to create such a menu, we've created the Accordion Menu. It's a simple extension of the standard ac...

More info


AllWebMenus Extension

AllWebMenus Extension

The AllWebMenus extension provides an easy way to integrate Likno's AllwebMenus into your pages and have access to hundreds of cool menu designs.

Likno's AllWebMenus is a DHTML menu/JavaScript menu builder to create any kind of popup or drop-dow...

More info


Animated Drop Down Menu (DEMO)

Animated Drop Down Menu (DEMO)

This extension implements a responsive dropdown menu with animated sub menus. The menu includes more than 20 animations to choose from. For mobile browsers, it is possible to switch to ‘stacked’ mode (controlled by the breakpoint property). Also suppo...

More info


Animated Line Menu (DEMO)

Animated Line Menu (DEMO)

The Animated Line Menu extension is a horizontal text menu with 15 different animated line menu styles.
Included animations are: building box, corners, double line, expanding box, flip-horizontal, flip-vertical, line width, moving box, moving line, ro...

More info


CSS3 Animation Menu

CSS3 Animation Menu

The Animation Menu is an experimental menu to display large menu buttons with an image, title and description. All items can be animated which can give your website a cool look. The menu uses CSS3 animations (no JavaScript or dependencies on third party l...

More info


Apple TV Menu (DEMO)

Apple TV Menu (DEMO)

This extension implements a single level menu with backdrop filter blur and scaling hover effect, inspired by the Apple TV Menu.

More info


Blob Overlay Menu (DEMO)

Blob Overlay Menu (DEMO)

This extension implements an overlay menu that displays ellipse shaped menu items at a random position. The position of the items will be different each time the menu is opened. In addition, the menu items can also ‘blob’ in each other, like droplets ...

More info


Block Tower Menu (DEMO)

Block Tower Menu (DEMO)

The Block Tower Menu implements an animated “block tower” menu. Each menu item can have a different background color.

More info


Bootstrap Accordion Menu (DEMO)

Bootstrap Accordion Menu (DEMO)

This extension implements an accordion menu based on Bootstrap’s collapse.js script.
The menu support Font Awesome icons and can be used in responsive layouts and layout grid.

Demo: http://www.wysiwygwebbuilder.com/support/bootstrapaccord...

More info


Bootstrap Mega Menu (DEMO)

Bootstrap Mega Menu (DEMO)

The Bootstrap Mega extension implements a responsive navigation bar with multi-column drop down menu, optimized for desktop computers and mobile (touch) devices. On desktop computer, the menu will display a drop down menu with multiple columns and on mobi...

More info


Bootstrap Menu

Bootstrap Menu

This menu uses the Bootstrap scripts ‘collapse.js’ and ‘dropdown.js’ scripts to implement a multi-level, responsive menu optimized for desktop computers and mobile (touch) devices. On desktop computer the menu will display a standard drop down me...

More info


Bootstrap Navigation Bar (DEMO)

Bootstrap Navigation Bar (DEMO)

The Bootstrap Navigation Bar extension implements a multi-level, responsive navigation bar with many customizable options: tabs, pills, justify, full width and much more. The menu is inspired by the Bootstrap navbar component. On desktop computer the menu...

More info


Border Menu (DEMO)

Border Menu (DEMO)

This extension implements an animated border menu. When the user clicks the hamburger icon, a full screen overlay border menu will appear. Menu items can have text and an icon. The menu is responsive and can have different font and icon sizes in breakpoin...

More info


Circle Menu (DEMO)

Circle Menu (DEMO)

The Circle Menu displays an animated popup menu with the menu items displayed in a circle. When you click the trigger button then the hamburger icon will change into ‘X’ symbol and menu items will be animated one by one from the center of the button....

More info


Color Menu (DEMO)

Color Menu (DEMO)

This extension implements a multi-level menu where each menu item (and sub item) can have different colors for text, background, border and the icon.

More info


CSS Mega Menu (DEMO)

CSS Mega Menu (DEMO)

This is a set of 2 CSS Mega Menu extensions with a slightly different behavior and appearance. Each extension implements a responsive navigation bar with multi-column drop-down menu, optimized for desktop computers and mobile (touch) devices. On desktop c...

More info


Directory Tree File Listing (DEMO)

Directory Tree File Listing (DEMO)

Generate a listing of the contents of a specified directory on your web site. For example, if you have a directory on your web site with PDF or MP3 files then this extension will automatically scan this folder and display the contents on your web page as ...

More info


Directory Tree Menu (DEMO)

Directory Tree Menu (DEMO)

This extension implements a responsive menu that displays a list of links in a tree-like format inspired by the look of the Windows file tree. Levels can be expanded/collapsed by the user and the customizable icons. The font-size, padding, spacing, icon s...

More info


Dot Menu (DEMO)

Dot Menu (DEMO)

This extension implements an animated slide out menu. A drop-down menu with icons slides out after clicking the hamburger icon. The text is displayed at the left or right side of the menu item.

More info


Download Button (DEMO)

Download Button (DEMO)

Implements a download button that tracks the number of downloads for a given file. This button will also display the current download count. All download count results are stored in the server-side text file, downloadbutton_db.txt. The extension uses PHP,...

More info


Download Counter (DEMO)

Download Counter (DEMO)

Displays a list of downloadable files based on the contents of a folder on your web site and keeps track of how many times the files have been downloaded. The download links can also be used anywhere else on your website.

• Display a list of th...

More info


Drawer Menu (DEMO)

Drawer Menu (DEMO)

This extension implements an expandable drawer menu with many styling options. The main button expands or collapses a dropdown menu with linkable text and icons. Each item can have a different icon color, which may be useful for example if you want to use...

More info


Drilldown Menu (DEMO)

Drilldown Menu (DEMO)

This extension implements multi-level, space saving and responsive drilldown menu, which may be useful mobile pages where there is not much space available. The menu supports the usual styling options and each item can have its own FontAwesome icon.

More info


Elastic Menu (DEMO)

Elastic Menu (DEMO)

This menu has an elastic movement when you switch between active menu items.
Whenever the mouse moves over a menu item, the background style item follows the mouse to that item, smoothly highlighting the currently active item.

More info


Expandable Menu (DEMO)

Expandable Menu (DEMO)

The Expandable Menu is a multi-level accordion menu.
The menu has the usual styling options. Each item can have its own with Font Awesome icon and it supports slide animations with easing.

More info


Expandable Panel Menu (DEMO)

Expandable Panel Menu (DEMO)

The Expandable Panel Menu is a multi-level panel/slide menu with Font Awesome icon support. Besides the standard links there is also a dedicated section for social icons.

Demo: http://www.wysiwygwebbuilder.com/support/expandablepanelmenu.html

More info


Fan Menu (DEMO)

Fan Menu (DEMO)

The Fan Menu implements an animated fan-like popup menu around the trigger button. You can configure the start and end angle, spacing and many other options. Menu items can either contain text or an icon. To display text, set the icon of the menu item to ...

More info


Filter Menu (DEMO)

Filter Menu (DEMO)

The Filter Menu is a drop down menu with built-in filter. Menu items will be filtered as soon as you start typing characters in the search field.
The menu has the usual styling options and each menu item can have its own FontAwesome icon.

More info


Flag Menu (DEMO)

Flag Menu (DEMO)

Implements a basic menu to navigate between different languages using flag icons. This type of menu is commonly used for websites with only a few languages to choose from.

More info


Folder File Listing (DEMO)

Folder File Listing (DEMO)

Display a list of files and folders for a specific folder on the web server, inspired by the look of the Windows file explorer. Clicking one of the icons will go into the next level. The ‘Back’ button can be used to go back to the previous level. This...

More info


Folder Menu (DEMO)

Folder Menu (DEMO)

This extension implements an responsive multi-level menu that displays a list of links in a folder-like format, inspired by the look of the Windows file explorer. Clicking one of the icons will go into the next level (with animation). The ‘Back’ butto...

More info


Full Screen Menu

Full Screen Menu

The Full Screen Menu extension is a responsive menu that takes up the entire screen when expanded. The menu can be activated by clicking/touching the ‘hamburger’ button.

More info


Fullscreen Overlay Menu (DEMO)

Fullscreen Overlay Menu (DEMO)

The Full Screen Overlay Menu extension is a responsive menu that takes up the entire screen when expanded. The menu can be activated by clicking/touching the ‘hamburger’ button.

Special features of this menu include:
• Alpha transparen...

More info


geoPlugin Redirect

geoPlugin Redirect

This extension uses the geoPlugin service (https://www.geoplugin.com) to dynamically redirect website visitors based on their IP geolocation. For instance, users from Spain can be directed to a dedicated Spanish website, while German users are redirected ...

More info


Gooey Menu(DEMO)

Gooey Menu(DEMO)

The Gooey Menu displays an animated popup menu with round icons triggered from a hamburger button. Both the icons and the hamburger icon can be animated. You can configure the angle of the menu and radius of the menu items. The menu has many customization...

More info


Google Org Chart (DEMO)

Google Org Chart (DEMO)

Google Org Chart allows you to create and visualize hierarchical structures of their teams and employees. It is a tool designed to help businesses and organizations map out reporting relationships, team structures, and organizational hierarchies. But it c...

More info


Hexagon Menu (DEMO)

Hexagon Menu (DEMO)

This extension implements an animated (responsive) hexagon-shaped popup menu. Menu items can have text plus icons and have many styling options.

More info


Hierarchy Tree (DEMO)

Hierarchy Tree (DEMO)

Renders a tree-like diagram to show the structure and the relationship in an organization, agency, family or website. This is a lightweight element that only uses CSS, no JavaScript.

More info


Honeycomb Menu (DEMO)

Honeycomb Menu (DEMO)

The Honeycomb Menu extension implements a responsive navigation menu with hexagon shaped buttons. The menu has support for icon libraries like Font Awesome, Material Icons, Open Iconic, IonIcons etc. Icons can also be published as embedded SVG to keep the...

More info


Horizontal Drop Down Menu

Horizontal Drop Down Menu

This extension is inspired by Mary Lou's (Manoela Ilic) Horizontal Drop Down menu:
http://tympanus.net/Blueprints/HorizontalDropDownMenu/

This responsive menu uses the full width of the browser window and has 2 breakpoints to switch betwe...

More info


Journey (DEMO)

Journey (DEMO)

The Journey extension, built upon journey.js by William Troup, empowers you to create guided tours or walkthroughs for websites. These tours serve to spotlight specific features, functionalities, or pivotal elements on a web page, seamlessly guiding users...

More info


jQuery GoUp!

jQuery GoUp!

The jQuery GoUp! extension is a simple jQuery plugin that let users of your web pages go back directly to the top.
This extension is a wrapper for the jQuery GoUp! plugin by Daniele Lenares. http://dnlnrs.github.io/jquery-goup/

More info


jsCookTree

jsCookTree

JSCookTree is a powerful tree script with theme support written in JavaScript created by Heng Yuan (http://jscook.yuanheng.org/JSCookTree/).

This extension helps you to add this menu to your website with only a few mouse clicks.

More info


Language Menu (DEMO)

Language Menu (DEMO)

Implements a selection drop down menu to switch between different languages.
It was designed to switch between different pages where each language has a dedicated page.

More info


Mobile Browser Detector

Mobile Browser Detector

This Extension enables your site to detect a mobile browser so you can redirect your users to a dedicated mobile site if you have one.

More info


Mega Menu

Mega Menu

Mega Menus are drop down menus that contain multiple columns of links.
They enable access to all links at once, rather than forcing the user to scroll or use sub-menus. Now you can join the new trend in navigation by adding the MegaMenu extension to ...

More info


Multi Level Panel Menu (DEMO)

Multi Level Panel Menu (DEMO)

The Multi Level Panel Menu is initially invisible, but can slide from the right or left side of the page by clicking the menu button.
The menu supports multiple levels and each item can have its own Font Awesome icon.

Demo: http://www.wysiw...

More info


Nested Fullscreen Menu (DEMO)

Nested Fullscreen Menu (DEMO)

The Nested Fullscreen Menu is a colorful multi-level fullscreen menu (main + sub items) with animations.

The menu is triggered by a hamburger icon. Main menu items can have a different color. Built-in Icon library support, like Font Awesome, Mate...

More info


Organizational Chart (DEMO)

Organizational Chart (DEMO)

Implements a simple, responsive, hierarchical organization chart / family tree / site map implemented in pure CSS (no JavaScript or other dependencies). It supports up to 5 levels where each level can have its own color, padding and font size. The breakpo...

More info


Page Redirect

Page Redirect

The Page Redirect extension is an easy solution for redirecting users to another page based on date, time, day of the week, browser or screen width.

Features:
• Time or Date redirect
• Day of the week redirect
• Browser re...

More info


Page Transitions

Page Transitions

A simple and easy way to add CSS animated transitions to your web pages. The extension supports 25 different animations.

More info


Perspective Menu (DEMO)

Perspective Menu (DEMO)

This extension is an experimental menu that uses CSS3 3D transforms to push the page away to display a menu. The menu can be activated by clicking/touching the ‘hamburger’ button.

More info


QRCode

QRCode

A quick and easy way to add a QRCode to your website.
This extension is based on qrcode.js by davidshimjs: https://davidshimjs.github.io/qrcodejs/

More info


Radial Icon Menu (DEMO)

Radial Icon Menu (DEMO)

The Radial Icon Menu displays an animated popup menu with round icons around the trigger button.
You can configure the start and end angle to arc menu (instead of a full circle menu) and radius of the menu items. The menu has many customisation optio...

More info


Radial Text Menu (DEMO)

Radial Text Menu (DEMO)

The Radial Text Menu displays an animated popup menu with round text buttons around the trigger button.
When you click the trigger button then the hamburger icon will change into ‘X’ symbol. The menu has many customisation options and supports so...

More info


Responsive Drop Down Menu

Responsive Drop Down Menu

The Responsive Drop Down Menu is a responsive, multi-level menu optimized for desktop computers and mobile (touch) devices. On desktop computer the menu will display a standard drop down menu and on mobile devices it will display a multi-level stacked men...

More info


Responsive Multi Level Menu (DEMO)

Responsive Multi Level Menu (DEMO)

The Responsive Multi Level Menu is a responsive, space-saving drop-down menu with subtle effects.

Demo: http://www.wysiwygwebbuilder.com/support/responsivemultilevelmenu.html

More info


Responsive Overlay Menu (DEMO)

Responsive Overlay Menu (DEMO)

The Responsive Overlay Menu extension is a responsive menu that takes up the entire screen when expanded. The menu can be activated by clicking/touching the ‘hamburger’ button. The menu supports multiple categories which are presented in columns. You ...

More info


Responsive Sidebar Menu (DEMO)

Responsive Sidebar Menu (DEMO)

The Responsive Sidebar Menu extension displays a column of small icons at the left side of the page. When you hover the mouse over the icons, then the multi-level menu will become fully visible. On mobile devices, the menu will be available as ‘hamburge...

More info


Rocking Rolling Menu

Rocking Rolling Menu

Incredibly awesome rotating and scaling jQuery menu.

More info


Scroll Button

Scroll Button

‘Scroll Button’ is an animated mouse scroll indicator. This can be used to add a subtle scroll cue at the bottom of the initial page that lets visitors know that they can scroll to see more content.

More info


Second Level Menu (DEMO)

Second Level Menu (DEMO)

This extension implements a (responsive) horizontal icon menu with second level navigation using CSS only (no JavaScript).
The menu has many styling options like text, background, padding etc.

More info


Shiny Button

Shiny Button

This extension simulates a 'shiny' glass button and uses pure CSS3. It has several customization options for the appearance of the button. It's also possible to set the output format to a png image in case you want to target older browsers that do not sup...

More info


Simple Menu

Simple Menu

Sometimes all you need is a simple menu. Well in that case: stop looking! Because here's the Simple Menu extension!
Simple Menu is a basic navigation component with single level drop down menus and supports animations (slide and fade).

Si...

More info


Site Statistics (DEMO)

Site Statistics (DEMO)

This extension keeps track of all visits and unique visitors per page. The statistics will be stored in a MySQL database.

• Supports 3 modes: Text, Image, Invisible.
• 25 image styles are included (scalable).
• Keep track of total a...

More info


Skew Menu (DEMO)

Skew Menu (DEMO)

This extension for WYSIWYG Web Builder introduces a responsive 'skew' menu, featuring buttons with a skewed design for a modern, angular look. The menu offers a range of familiar text styling options, including font family, size, color, and style.

More info


Slideout Menu (DEMO)

Slideout Menu (DEMO)

This extension implements an animated slide out menu. The menu icons slide out after clicking the hamburger icon. And when hovering over the icon the item’s text slide out as well. To make the menu even cooler, the hamburger icon transforms into a close...

More info


Slideout Panel Menu (DEMO)

Slideout Panel Menu (DEMO)

Implements a multi-level panel menu which can be opened by hovering over a small sidebar. Besides the standard links there is also a dedicated section for social icons. Unlike other panel menus which are usually triggered by a hamburger button, this menu ...

More info


Slim Menu

Slim Menu

The Slim Menu extension is based on jQuery slimMenu (http://adnantopal.github.io/slimmenu/) and is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.

More info


Smart Menus

Smart Menus

The Smart Menus extension is based on the powerful menu script by Vadikom Web Ltd. https://www.smartmenus.org/

• 4 built-in themes with customizable colors
• stacked (vertical) mode in for smaller screens
• supports full width in la...

More info


Smooth Scroll

Smooth Scroll

This extension scrolls the page to the new link rather than jumping there directly.

More info


Smooth Scroll 2

Smooth Scroll 2

This extension allows you to easily animate any series of elements, by sequentially scrolling them. It uses jQuery.ScrollTo to achieve the scrolling animation.

More info


Spinning Menu (DEMO)

Spinning Menu (DEMO)

The Spinning Menu implements an animated circular popup menu with icons. Each icon can have a different color.

More info


Sticky Fullscreen Menu (DEMO)

Sticky Fullscreen Menu (DEMO)

The Sticky Full Screen Menu extension is a sticky responsive menu that takes up the entire screen when expanded. The semi-circle trigger button is sticky, which means that it is always visible at the bottom of the browser window. Clicking the button will ...

More info


Stretch Menu (DEMO)

Stretch Menu (DEMO)

The Stretch Menu implements a horizontally stretchable menu using CSS only (no JavaScript). Each menu item can have a different background color.

More info


SubNav Menu (DEMO)

SubNav Menu (DEMO)

This extension implements a menu with horizontal sub navigation using CSS only (no JavaScript).
The menu has support icon libraries, like Font Awesome, Material Icons, Open Iconic, IonIcons etc. Icons can also be published as embedded SVG to keep th...

More info


Text Stroke Menu (DEMO)

Text Stroke Menu (DEMO)

This extension implements a “text stroke” menu. Initially the menu will only display the outline (stroke) of the text/icon. When the visitor hovers over the item, the text will become solid with animation (fade, slide left or slide right). The menu su...

More info


Tilted Menu (DEMO)

Tilted Menu (DEMO)

This extension implements an animated 3D menu, where menu items ‘tilt’ when the mouse hovers over the item. Each menu item can have a different background color.

More info


Timeline (DEMO)

Timeline (DEMO)

This extension implements a responsive vertical timeline. A timeline is a component which can be used to display content in chronological order.
It is great for sharing a story of your projects or a roadmap of its development. For example: Company hi...

More info


Tooltip Menu (DEMO)

Tooltip Menu (DEMO)

The Tooltip menu will show a tooltip submenu when clicking or hovering over an item. The submenu will either appear above or below the main menu, depending on where more space is available. Menu items can also have a FontAwesome icon.

More info


Tour Guide (DEMO)

Tour Guide (DEMO)

The Tour Guide extension is based on Tourguide.js allows you to create interactive guided tours or walkthroughs for websites. These tours typically highlight specific features, functionalities, or important elements on a web page, guiding users through th...

More info


Tree Menu

Tree Menu

The TreeMenu extension displays a list of links in a tree-like format.
Levels can be expanded/collapsed by the user with the '+' and '-' icons. As a designer you can set the inital state (expanded/collapsed) of the tree items.

More info


Treeview Menu (DEMO)

Treeview Menu (DEMO)

The TreeView Menu extension displays a list of links in a tree-like format.
Levels can be expanded/collapsed by the user with the user definable FontAwesome icons.

More info


Triangular Menu (DEMO)

Triangular Menu (DEMO)

This extension implements an animated triangular shaped menu which can be displayed in the corner (top-left, top-right, bottom-left or bottom-right) of a web page. This menu uses CSS only (no JavaScript).

More info


Vertical Menu (DEMO)

Vertical Menu (DEMO)

This extension implements a vertical navigation object with 3 levels. This tree-like menu is often used in a panel or sidebar. The menu has support icon libraries like Font Awesome, Material Icons, Open Iconic, IonIcons etc. Icons can also be published as...

More info


Visit Counter (DEMO)

Visit Counter (DEMO)

This extension keeps track of the number of unique and total visits per page. The statistics will be stored in a MySQL database or flat file. Only a single database or flat file is needed for all pages. After setting up the database, the pages that includ...

More info