• Baseline height in pixels.
    Maximum 50 pixels for .pat
  • Gutter width in pixels.
    Maximum 80 pixels for .pat
  • Module width in pixels.
    Maximum 300 pixels for .pat
  • Module height in baselines.
    Maximum 10 baselines for .pat
  • Preview layout width in modules.
  • Preview layout width in pixels.
    CS Panel

    Modular Grid Pattern0.3.4

    Create modular grid directly in Adobe Photoshop is easy!

    1. Download the extension package and install it using the Adobe Extension Manager CS5.5.
    2. Run from the menu bar: Window → Extensions → Modular Grid Pattern.
    3. Adjust the grid and get instant results.
    Download extension

    Extension requires Adobe Photoshop CS5.1 and Internet connection to work. The author is not liable for any damages.

    If you find bugs or want to make a suggestion to improve the panel please write to e-mail:

    Modular Grid Panel

    Frequently Asked Questions

    What is it?
    Modular Grid Pattern — is application for web designers, which helps you quickly and easily to create a modular grid in Adobe Photoshop, Adobe Fireworks, GIMP, Microsoft Expression Design and other.
    How to use in Adobe Photoshop?
    You only need to download and install the convenient extension. Also you can use web app for get .pat file and load it to Photoshop.
    Error #2032
    For correct work of extension needs access to the server. Check your firewall and allow Photoshop connect to
    Extensions not installing in Mac OS 10.7
    If you got message “The extension 'ModularGrid' does not contain a valid signature. The extension will not be installed.” look solution here
    How to use in Adobe Fireworks?
    Use transparency mask as texture of vector rectangle, set parameter “Amount of texture” to 100 and enable “Transparency”. For filling, use any solid color, originally #F2050D.
    How to use in GIMP?
    GIMP accepts PNG files as patterns. Image must be placed to the directory “Patterns” in GIMP’s search path. More information here.
    Which browsers supports the web app?
    To work correctly, the web application requires recent stable version of the browsers: Google Chrome, Safari, Opera or Mozilla Firefox.
    How to contact the author?
    On various issues write to e-mail:



    • The Grid System — the ultimate resource in grid systems.
    • ModularGrid — tiny JavaScript library, which simplifies gridded markup.
    • SVGO — SVG Optimizer is a Nodejs-based tool for optimizing SVG vector graphics files.