Grid System

Grid System is a simple, beautiful and interactive grid generator.

What is Grid System?

Grid System is a Chrome extension developed by abdullahrafique565, and its main feature is "Grid System is a simple, beautiful and interactive grid generator.".

Extension Screenshots

screenshot
screenshot
screenshot

Download Grid System Extension CRX File

Download Grid System extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        The Grid System enables the frontend developers to check their websites according to correct grid column system that is used by Bootstrap, Tailwind & Bulma etc.

You can enter your container's width, columns, gutter and pick any colour and hit "Launch" button to apply it quickly.

It ensures the frontend developers that their websites are according to the UI/UX grid system. It works for all the screen sizes.

It has a pretty eye-catching interface which enables the users to quickly navigate through different kinds of grid column system.

Hope you will find it useful.

Thanks                    

Extension Basic Information

Name Grid System Grid System
ID bnpgpciaafmaghnjpkjgicclpiokddkk
Official URL https://chromewebstore.google.com/detail/grid-system/bnpgpciaafmaghnjpkjgicclpiokddkk
Description Grid System is a simple, beautiful and interactive grid generator.
File Size 938 KB
Installation Count 1,124
Current Version 1.1
Last Updated 2022-04-01
Publish Date 2022-03-25
Rating 5.00/5 Total 4 Ratings
Developer abdullahrafique565
Email [email protected]
Payment Type free
Supported Languages en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "Grid System",
    "version": "1.1",
    "description": "Grid System is a simple, beautiful and interactive grid generator.",
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "content.js"
            ],
            "css": [
                "styles.css"
            ]
        }
    ],
    "icons": {
        "128": "icon_128.png"
    },
    "action": {
        "default": "icon.png",
        "default_popup": "popup.html",
        "default_title": "Grid System"
    }
}