Free & Open Source
View on GitHub

Composition Guides
for Every Shot

Overlay Rule of Thirds, Golden Ratio, Fibonacci Spiral & Golden Triangle grids on any image & video — right in your browser.

Works on Chrome, Edge, Firefox, Brave, Vivaldi & all Chromium browsers

Everything you need for
perfect composition

4 Grid Types

Rule of Thirds, Golden Ratio, Fibonacci Spiral & Golden Triangle — all in one extension.

Keyboard Shortcuts

Press Alt+I for image overlay, Alt+V for video overlay, Alt+L for line style, Alt+C for quick color.

Video Overlay

Composition grid on <video> elements too — with an independent toggle and shortcut.

Context Menu

Right-click any image to toggle the grid overlay on that specific image.

Fully Customizable

Pick custom colors, adjust line width, dot size, and toggle intersection dots.

Site Control

Choose where the grid appears: All Sites, Block List, or Allow List — managed via Options page.

Designed to be
simple & powerful

Extension Popup
Composition Grid popup interface showing grid type selector, color picker, and toggle controls
Right-Click Context Menu
Right-click context menu showing Toggle Composition Grid option on a photo

Choose your
composition guide

Rule of Thirds

The classic composition guide dividing the frame into 9 equal parts.

Golden Ratio

Based on the divine proportion (φ ≈ 1.618) for natural, pleasing balance.

Fibonacci Spiral

The golden spiral guides the eye naturally through the composition.

Golden Triangle

Diagonal guides perfect for dynamic compositions with strong lines.

Ready to improve your compositions?

Install Composition Grid for free and start analyzing any image & video on the web.