Composition Grid

What it does

A free, open-source browser extension that overlays composition guides onto images and videos on any website. 6 grids: Rule of Thirds, Golden Ratio, Fibonacci Spiral, Golden Triangle, Fifths, Center Crosshair. Works on any site — Instagram, Flickr, 500px, YouTube. Adjustable opacity, colors, line styles. Keyboard shortcuts. Dark & Light theme. Built for anyone learning photography and filmmaking. Always free. No ads. No tracking.

Overlay Rule of Thirds, Golden Ratio, Fibonacci Spiral & Triangle composition grids on any image. Free Chrome, Edge & Firefox extension for photographers, designers and artists.

Overlay Rule of Thirds , Golden Ratio , Fibonacci Spiral & Golden Triangle grids on any image & video — right in your browser. Rule of Thirds, Golden Ratio, Fibonacci Spiral, Golden Triangle, Fifths & Center Crosshair — all in one extension. Press Alt + I for image overlay, Alt + V for video overlay, Alt + L for line style, Alt + C for quick color. Composition grid on <video> elements too — with an independent toggle and shortcut. Right-click any image to toggle the grid overlay on that specific image. Pick custom colors, adjust line width, dot size, and toggle intersection dots. Choose where the grid appears: All Sites, Block List, or Allow List — managed via Options page. The classic…from composition-grid.ngocquy.dev

• 
  Dynamic Grids for DaVinci Resolve2024 · behindthefilm.com · ▲146

  Rule-of-Thirds & more for any aspect ratio

• 
  AureaCamAug 2026 · aureacamlandpage.netlify.app · ▲83

  Real-time scoring to master the rule of thirds

• 
  See chords as flags – Visual harmony of top composers on musescoreNov 2025 · rawl.rocks · ▲129

  I designed a relative piano-roll-based music notation. I used 12 colored arranged in a specific way to make visible the main effects and oppositions of Western tonal harmony. The tonic is always white, so a manual annotation&#x2F;interpretation is required for each MIDI file. All chords are flags of three to four colors. Minor mode is darker, major mode is lighter. Colors are arranged in thirds. I sorted the pieces from simple complex harmony. I also wrote a bit of text to explain what you may see. There's also a corpus of structures: hyperlinks of tags that allow you to find similar…

• 
  Diagonal2023 · ▲127

  A set of 28 dark & light mesh gradients in 5k resolution

• LM
  LESS mixins to create golden ratio grids with Bootstrap2012 · phildionne.github.com · ▲34
• 
  Golden Ratio Tester2017 · golden-ratio.club · ▲10

  Test golden ratio on any image with a golden spiral overlay.

• 
  /dev/null▲482

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲343

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Brila▲1,364

  One-page websites from real Google Maps reviews

  AI · Apr 2026 · brila.ai

• AG
  A game where you build a GPU▲964

  Thought the resources for GPU arch were lacking, so here we are

  Life & fun · Apr 2026 · jaso1024.com

• 
  I built a tiny LLM to demystify how language models work▲915

  Built a ~9M param LLM from scratch to understand how they actually work. Vanilla transformer, 60K synthetic conversations, ~130 lines of PyTorch. Trains in 5 min on a free Colab T4. The fish thinks the meaning of life is food. Fork it and swap the personality for your own character.

  AI · Apr 2026 · github.com

• 
  Fathom 3.0▲800

  AI meeting notes: now bot-free, in ChatGPT & Claude + more

  AI · Apr 2026 · fathom.ai

• 
  Brutalist Concrete Laptop Stand (2024)▲786

  I made a laptop stand out of solid concrete, in the style of brutalist architecture, with themes of urbex and urban decay

  Life & fun · Apr 2026 · sam-burns.com

• 
  I built a frontpage for personal blogs▲783

  With social media and now AI, its important to keep the indie web alive. There are many people who write frequently. Blogosphere tries to highlight them by fetching the recent posts from personal blogs across many categories. There are two versions: Minimal (HN-inspired, fast, static): https:&#x2F;&#x2F;text.blogosphere.app&#x2F; Non-minimal: https:&#x2F;&#x2F;blogosphere.app&#x2F; If you don't find your blog (or your favorite ones), please add them. I will review and approve it.

  AI · Apr 2026 · text.blogosphere.app