New to responsive design? Watch the "Introduction to responsive design" video here
Fluid grid layouts made easy!(coming soon)
* This feature is not available yet. It will be available as a FREE upgrade to all Flexi Layouts 2 PRO users!
These features are only available in the PRO version of Flexi Layouts 2! Click here to download free trial
With FlexiLayouts 2 you don't have to worry about HTML and CSS coding. Everything is done in the intuitive drag-and-drop editor from creating the web page structure to editing text and styling web page elements.


The really cool thing about Flexi Layouts 2 is that it has a real browser at its core, so you'll see your page exactly how it will look in the browser. Even better, any change that you make will be updated live so you don't need to go to the browser to preview your changes all the time.
FlexiLayouts 2 PRO includes the "generate mobile version" feature that will convert your desktop layout to a mobile layout.
It will also add all the necessary code so the mobile version will show on small screen devices and the desktop one on large screen devices.
Even more, FlexiLayouts does this conversion for all the pages in your site so you won't have to do this for every single page.


With FlexiLayouts 2 PRO you can create web pages that adapt to the screen size of the viewing device without having to think of the complicated code this involves.
Just enable the devices you want the page to respond to and start building your layout! Once you finished the desktop version you can go to the mobile or tablet view and make any adjustments you like. FlexiLayouts will take care of all the code behind the responsive page.
You're a CSS pro? Now you can work directly with the CSS rules created by the FlexiLayouts editor in a manner similar to the browser development tools.


FlexiLayouts 2 PRO will also include support for fluid grid layouts. With this feature you will be able to create responsive web pages based on fluid grids visually, without having to touch the code!
FlexiLayouts will also be compatible with Dreamweaver's fluid grid so you can work on the pages you created using the fluid grid features in Dreamweaver.
The release for this feature is estimated for the beginning of June! The update will be free for all FlexiLayouts 2 PRO users.
FlexiLayouts 2 includes over 50 web page templates covering the most popular page structures on the web, to give you a quick starting point.
As a bonus, you also get 10 professionally designed full site template (home page + 3 inner pages) that are ready to go live.
All basic web pages templates and full site templates are responsive in the PRO version!


No more headaches using CSS3 gradients, rounded corners and shadows on older browsers! FlexiLayouts 2 takes care of all the browser compatibility issues, even with older versions of IE.
Flexi Layouts 2 includes a massive library of HTML page elements like menu bars, buttons, articles, social links, lists and many others that will help you prototype web pages really fast. The extension also includes presets for menu bars, buttons, lists and texts so you can easily make the page elements match your design.


Once you click "save", Flexi Layouts 2 will generate all the HTML and CSS code for you and save it in Dreamweaver. Unlike other web page builders Flexi Layouts 2 generates really clean code that respects W3C standards and best practices.
The pages created with FlexiLayouts 2 will look consistent in all popular browsers even when using HTML5 and CSS3 features.
With the new FlexiLayouts 2 you can work on any web page or template, not just the ones created with FlexiLayouts! So if you plan on working on an existing site you can easily do it with FlexiLayouts!

Standard vs. Pro - Comparisson Chart
|
Standard Version |
Pro Version |
|
|
Drag & drop page editor - No coding required |
![]() |
![]() |
|
Live editing |
![]() |
![]() |
|
Over 40 web page templates |
![]() |
![]() |
|
10 Full website templates |
![]() |
![]() |
|
Browser consistent output |
![]() |
![]() |
|
Cross-browser CSS3 features |
![]() |
![]() |
|
70+ ready-made HTML snippets |
![]() |
![]() |
|
Edit any existing website |
![]() |
![]() |
|
Responsive design features |
![]() |
|
|
One click mobile version generate feature |
![]() |
|
|
All included templates are responsive |
![]() |
|
|
Fluid grid layouts made easy (feature coming soon) |
![]() |
|
|
Advanced CSS panel |
![]() |
More Features
With FlexiLayouts 2 you can easily create the page structure elements like header, sidebar, footer, etc and then your page is ready for adding content.
Using the extensive library of HTML snippets that you can drag from from the snippets panel you can prototype a web page in no time.

Using the drag & drop handles you can resize elements until they look exactly like you want them to. Also, if you need more precision you can set the dimensions for any element from the CSS Properties panel.
Not sure where you want a page element to be? With FlexiLayouts you can drag the elements around and choose the version that looks best.

