Composition Grid: Rule of Thirds, Golden Ratio & More

ngocquy.dev

5.0(

2 ratings

)

Extension Art & Design43 users

Item media 1 (screenshot) for Composition Grid: Rule of Thirds, Golden Ratio & More

Overview

Overlay composition grids on any image & video: Rule of Thirds, Golden Ratio, Fibonacci Spiral & Triangle guides.

A lightweight Chrome & Microsoft Edge extension that overlays Rule of Thirds, Golden Ratio, Fibonacci Spiral, and Golden Triangle composition grids directly onto images and video on any website. Perfect for photographers, designers, and visual artists who want to analyze compositional balance without leaving the browser. Keyboard Shortcuts: Alt+I — Toggle image overlay Alt+V — Toggle video overlay Alt+L — Switch between solid and dashed lines Alt+C — Quick color toggle (Applied to lines & dots) To show or hide the grid, right-click and select "Toggle Composition Grid". This project is Open Source and open to contributions from the community! You can find the source code, report bugs, or suggest new grid types on our GitHub repository. GitHub Repository: https://github.com/ngocquy020196/composition-grid License: MIT

5 out of 5
2 ratings
Learn more about results and reviews.

Details

Version
1.1.3
Updated
May 12, 2026
Flag concern
Size
89.38KiB
Languages
English
Developer
ngocquy.dev
Website
Email
contact@ngocquy.dev
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Support

Image Overlay Tool

5.0

Overlay images on any website with draggable positioning and opacity control

Fullscreen Anything

3.7

Maximizes images, videos, and games.

Merge Images Online

1.0

Merge multiple images with options for vertical/horizontal alignment and borders

Add border to image

0.0

Quickly add customizable borders to any image you see online. Easy to use and lightweight!

Poply: Video Pop Out Picture in Picture Player

5.0

Poply lets you pop out YouTube, Udemy, and LinkedIn Learning videos into a floating Picture in Picture player.

Rule of Thirds

4.4

Simple extension to draw a 3 x 3 grid on an image to help visualise the Rule of Thirds.

Highlite - Make any website your virtual whiteboard.

4.5

Highlight, comment, annotate, draw, and share on any web page

UI Builder – Mockup Tool

5.0

UI wireframes in Chrome. Drag sketch-style elements, resize, and screenshot easily.

Images Under Cursor

4.2

Finds all sorts of images and videos located under the cursor.

Rule of Thirds Video Overlay

5.0

Customizable grid overlay on videos, with options for line color, grid dimensions, golden ratio, etc.

Linkster.ai

5.0

Transform your video experience: AI summaries, mood insights, & trending highlights in one plugin!

Video Transformer

4.8

Zoom, stretch, reposition, rotate, and flip video and images using hotkeys.