Scroll To Top

Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

Flex Grid Magic A Revolutionary Responsive Popup Maker for Dreamweaver

Buy Now ($95) | User Guide | Examples

Flex Grid Magic (FGM) allows you to create one or more responsive Flexible Grids anywhere on your page.. The FGM interface allows you to configure, style, and set options to your grid, and the boxes that comprise it. Grid boxes can contain images, text captions, text content, forms, or any other type of content. FGM content is fully editable in Dreamweaver Design View! Flex Grid Magic is the modern, responsive evolution of the classic Masonry Grid (fits together like a masterfully built stone wall)... with tons of power, style, and flexibility.

The grid that follows was created in minutes with Flex Grid Magic!

User Guide

Flex Grid Magic comes with really good documentation in a concise, dynamic, and Online user guide.

Read it now...

Old Stoneface Perlmutter

Power to the People

Click The Vulture To See a Larger Image

Sand Room


  • Visual user interface (UI) inside Dreamweaver.
  • Set Flex Width Basis globally and per box.
  • Set Flex Width Basis to be a percentage of image width.
  • Set style theme, borders, border radius, shadow, and padding options globally.
  • Vertically center box content per box or for all boxes.
  • Assign user classes globally, per box, per image, and per content area.
  • Use the Fit Image to Box option and your image will completely fill the box as a background. Set per box or all boxes.
  • Set content inline or as an overlay for each box or for all boxes.
  • There are three components to each box, with each being optional: Top Content, Image, Bottom Content.
  • Boxes do not have to contain an image. Use the Top Content box to house content for a content-only box. You can add any type of content you want.
  • Content areas are fully editable in Dreamweaver Design View.
  • Set alignment for top and bottom content areas per box, or for all boxes.
  • Use the handy command buttons atop the Box List to add, delete, or move boxes.
  • Use the Import Images command button to import a complete folder of images.
  • Use FGM with Pop Box Magic to launch popup boxes from images or links inside your grid.
  • Use the Magic Box Trigger UI to assign Magic Box links to the images in your grid.


Red and Blue

My Heart Soars

Orca in a Bottle

First Contact

Anyone Have a Phone?

The Main Interface

Dreamweaver and OS Support

Works on Windows and Mac systems running Dreamweaver MX, MX2004, 8, CS3, CS4, CS5, CS5.5, CS6, CC, CC 2014, CC 2015, CC 2016, CC 2017, CC 2018, CC 2019, CC 2020, CC 2021 (and higher). For installation tips, please see Using PVII Extensions in Dreamweaver CC...

Invest in a tool that will pay for itself over and over

PVII Flex Grid Magic is an indispensable tool that will make your job and your life a lot easier.

Flex Grid Magic boxes can contain content and an image. Content can be placed both above and below your image, and content areas are fully editable in Dreamweaver Design View. This Pop Up was created (in less than a minute) with Pop Box Magic