html5 css menu creator | html5 and css menu builder | Get free drop down menu maker | CSS drop down menu example

Download Swimbi (Swift Menu Builder)

download swimbi windows
Version: 1.0.1
(16.7 Mb)
download swimbi mac
Version: 1.0.0
(33.2 Mb)

Quick Start

  • First of all you will need to select a page where you want to insert a menu. If you don't have any page, just select a folder. The page will be created by SWIMBI.

  • swimbi base menu styleSelect a base menu style in the header above the live preview. Standard design set contains 12 menu designs.

  • swimbi base menu configSelect a config, next drop box in the header. Each menu (base style), has 6-7 predefined cofigs. New configs will be created automatically each time you edit existing config. For example if you edit "Digital", new config "Digital Custom" will be added in the list. You can add, rename and remove configs using controls in the drop box.

  • swimbi base menu configIn the box you can create several navigation settings to keep them separately in SWIMBI. However each time you open a page with SWIMBI menu, the loaded navigation appears in the box under the name "Loaded Nav"

  • With the Navigation Tree you can easily control the menu structure. If you want to find a menu item quickly, just click on the item in the Live Preview above.swimbi navigation tree
  • swimbi publish menuClick the Publish button in the top right corner of the Live Preview area. The Page View window shows up. In the window you can view/edit the page code, open the menu files folder or start preview in default browser.

How the menu works

It has no images inside, the graphics generated on the fly. That make the menus very flexible. But it can work even with disabled Javascript in browser. So what is the menu?
  • CSS menu - with disabled Javascript it works as pure CSS menu
  • Canvas menu - it use Canvas element to generate graphics
  • Javascript menu - looks best in browsers with enabled Javascript
  • HTML5 menu - since Canvas and Javascript are part of HTML5 standard
  • Drop down menu - SWIMBI makes only most popular drop down menus
  • Web menu - created for websites, W3C standards compliant
swimbi html5 menu

Key Features

  • Fast - no images to load, no extra requests
  • Lightweight - Javascript code 6-12 Kb depending on design
  • Native - no plugins required
  • Flexible - everything can be customized
  • Web fonts - built-in Google Web Fonts support
  • Perfect skins - noting but best designs
  • Ready-to-use - just select and combine, click "Publish" and you are done
  • SEO friendly - HTML menu links are indexed perfectly
  • Frendly UI - Windows and Mac applications "SWIMBI" with intuitive interface
css3 menu