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

SWIMBI - Swift Menu Builder

swimbi ui media menuSWIMBI - fast and easy way to get nice looking css menu for your website. Pick one of 70+ ready-to-use menu skins, change names and links, click "Publish" and you are done. SWIMBI can insert a menu into existing website. Can replace old f-source flash menu with new HTML5 menu. SWIMBI keeps all your configurations, navigation settings, remembers last entered values, window size and position. Has many controls to tweak all visual aspects of a menu. Combine different effects, skins, overlay patterns, change colors, sizes, transparencies and get unique menu.

Creates standards compliant menus using modern technologies, HTML5, CSS3, Canvas. Compatible with all modern browsers, including mobile browsers. Older browsers also supported in simplified mode. swimbi menu css3 The desktop application released in two versions for Windows and Mac. Tested on several computers with different OS and CPU. It has built-in code editor, live preview, page preview, quick preview in browser. The live preview is interactive, you can click a menu item to select it for editing in Navigation tab.

swimbi app adobe style menu 70+ designs are not a limit, you can easily add your own configurations. All aspects of a menu can be modified to make a custom navigation menu:
  • 7 different layouts
  • 20+ menu overlay patterns
  • 8 submenu styles
  • 11 submenu animation effects
  • 18 main item rollover styles
  • 20+ main item rollover overlay patterns
  • 6 sub item rollover styles
  • hundreds of Google Fonts
  • any menu shadows
  • any text shadows
  • any colors, sizes and transparencies
It's only the main options, available in current version. More will be added in near future. swimbi html5 menu

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

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.