Create navigation menu from the text layer

Following pattern is used quite often in design templates: designer uses a text layer to visualize a navigation menu. Menu items in such a text layer are separated by the same number of space or tab characters.

We introduced an algorithm which recognizes horizontal navigation pattern and generates HTML using unordered lists. In case you use a PSD to Bootstrap conversion option, the service will generate responsive navigation menu.

The following example shows how the algorithm recognizes the horizontal menu and creates a responsive layout using Bootstrap.

miami_home online demo

We also plan to implement recognition of vertical navigation menus.


Leave a Reply

Your email address will not be published. Required fields are marked *