extension ExtPose

Grid Ruler

CRX id


Description from extension meta

Create grids and measure their distance easily.

Image from store Grid Ruler
Description from store It allow you to creates vertical and horizontal grids, Photoshop style. It has a ruler to measure distance between your grids too. #How to use: - drag from main vertical/horizontal ruler to create grids. - click on intersection of vertical ruler and horizontal ruler to go into ruler mode. - while in ruler mode, hold <Shift> key to get a straight line.

Latest reviews

  • (2023-01-15) Luiza Schmidt: It doesn't work well when you are inspecting the page or testing responsiveness in chrome dev tools. So the tool isn't as complete as it could be, mainly when it comes to front end development.
  • (2023-01-02) Youssef OUIZIANE: Thank you, very simple !
  • (2022-10-29) Poked Armory: Nothing happened when I clicked on the extension.
  • (2022-08-16) Estrella Peña: Me es de mucha utilidad, muchas gracias
  • (2022-08-14) Originality Maze. TV: Really Loved it! SO HELPFUL!
  • (2022-08-11) Arnold Thabang Moeketsi: Excellent ruler tool but I only figured it out because I have experience in photoshop and illustrator. I don't think beginners will have an easy time trying to use it.
  • (2022-06-01) Vlad Zams: I liked that rulers stays persistently after being added to the page while still allowing to continue interacting with the page. Along with following the explanation here in the comments how to switch to measurement-mode, this tool solves at least 90% of my problems. The explanation about measurement-mode, btw, is the following: 1. when rulers are enabled (visible), click on the top left corner of your page (a rectangular space between the left and top ruler) > you should see the rectangle is turned to be blue 2. do a mouse-left-click anywhere on the page and start dragging (just like you'd do to draw a line in any graphical editor) > you should see a segment is drawn along with a label with a distance specified Optionally you can hold Shift button while drawing the line to make it strictly vertical or horizontal – that also helps a lot!) Tnx!
  • (2022-05-16) Vitor Santos De Oliveira: I've been using it for 1 month and the point I'd like to make is that sometimes it just stop working, I click on the extension but it doesn't work. But in general it's a great extension.
  • (2022-05-02) Nina Musillo: The grids are cool and I managed to figure out how to get the actual measurement function to work. Im rating 3 stars because it took me 10 minutes to figure out the ruler...because the website page I was testing it on it doesn't work. I tried a different website and the ruler worked. Extension should function regardless of the platform the website was built with (joomla in this case)
  • (2022-04-06) UwU: How to remove grid line? or the straight line created in "ruler mode"?
  • (2022-02-08) leonardo albuquerque: I've been using it for years and I love it. But I never got to make it work while on mobile/responsive view. The clicks are just ignored. It would be perfect if it worked on mobile/responsive view
  • (2021-11-12) Bruno Finger: Great extension I rely on for years. Just one small issue. Please make them use the maximum z-index allowed. I have elements drawing on top of them, especially the website tap navbar drawing on top of the top ruler so I can't use it.
  • (2021-11-07) Анна Ларенкова: То, что нужно, отличное расширение
  • (2021-10-09) Milan Letić: Simple, and does what I need. Helps aligning elements.
  • (2021-08-09) Aashish: Awsome
  • (2021-07-15) amit erel: Realy helpd me when i was needed to set lines for graphs researches, could have been better if it was also been able to change and adding colors, and also calibrating the measurement tool instead of just pixels measurement.
  • (2021-07-12) Albert: There aren't any pixel values.
  • (2021-06-22) Edgardo Casanova: Funciona, pero tiene el inconveniente que se superpone arriba y a la derecha a los elementos a medir y no se pueden medir por ej Banners en el top de la web.
  • (2021-06-22) AbdulAhmad Matin: I am web developer. and this can help me.
  • (2021-06-07) Krzysztof Kiełb: Unusable
  • (2021-06-05) Adam Jones: A really useful extension for developers. One issue though; it doesn't seem to be clickable when the mobile device simulator is enabled and the canvas size is resizable.
  • (2021-05-03) Numb3rs: It would be cool if it worked also in Device Mode and the settings would be saved on reload. So I develop something and need to place the ruler over and over again after each change and after automatically site reload.
  • (2021-03-31) Владимир Левадный: Годно. Всё работает. Спасибо автору.
  • (2021-02-25) Santiago valle: No tiene responsive design
  • (2021-01-30) vinod T: not working on iframe window
  • (2021-01-28) Ali IRTEN: Works like a charm.
  • (2020-11-18) 蔡索菲: it's not working on chrome windows10, no measurement at all. I don't know why it has such high mark
  • (2020-11-05) Usama Afzal: Helpful :)
  • (2020-11-03) J M: Why can't I change the color of the rulers?
  • (2020-11-02) 李天宇: I use https://chrome.google.com/webstore/detail/measuring/cibkjdgbiinfkjoikhmnjpcoidgfafob instead of this extension
  • (2020-10-13) MARINA APEVALINA: Как их включить?
  • (2020-09-12) Alexander Pashkov: отлично, как в фотошопе, ничего лишнего
  • (2020-07-26) ابو احمد: This is exactly what i want
  • (2020-07-06) Eduardo Martín Díaz Palomares: No sirve , dificil de usar y no ayuda en nada
  • (2020-04-16) 若竹流风: very good
  • (2020-04-15) Lukáš V: 1. I value this extension because unlike all the other extension this one DOESN'T REQUIRE ANY PERMISSIONS 2. The guidelines are great, not just for measuring. 3. What I would improve is definitely the way the actual measuring is triggered - like many other reviewers, I has a hard time figuring out how to start measuring. 4. A tip for future development - it would be a killer if the measuring arrows would stick to visual elements on the page. Apparently, it's somehow possible without any permissions, because this extension handles it without any perms github.com/mrflix/dimensions. All in all, best ruler extension on the market, if you don't want to give any permissions for such a simple task as measuring some elements on the page.
  • (2020-04-07) Arshdeep Singh: It's better than Page ruler redux
  • (2020-04-07) Jeswin Varghese: It doesn't work with developer mode on.
  • (2020-03-24) Faruk: doesnt work on macbook pro
  • (2020-03-24) Vikki Ma: 最近新改版后很难用了 The new version cannot directly measure the module and is difficult to use.
  • (2020-03-20) Amine Matouk: no measurements proposed :(
  • (2020-03-12) Trang Le: tốt
  • (2020-03-06) Nando Delgado: Great took
  • (2020-03-06) Şahin Gündoğdu: Çalışmıyor. Fotoğrafta gösterildiği gibi yanda ve üstte cetveller çıkmıyor. Eklenti simgesi geliyor. Tıklıyorum fakat herhangi bir tepki vermiyor.
  • (2020-03-04) Sezer Okçu: Çok güzel çalışıyor.. fakat pixel değilde santimetre veya milimetre olarak ölçüyü görebilme şansımız varmı ?
  • (2019-12-12) Matt Raymond: So helpful for lining up icons during development!
  • (2019-12-02) Robert Janaszek: Unusable
  • (2019-11-28) Davide Bosa: Good, but how can change color of line?
  • (2019-11-11) Yogesh Jagdale: This thing is also works with embed! Which is great!
  • (2019-11-07) Rzv Rzv: Please just add some visual information of where the user should click to get into "Ruler Mode" where we measure in pixels... I found it but had to try very hard to do so, not really intuitive :) Note: Top Left corner of the browser window, where the 2 MAIN GRIDS join. That is where you have to click to enter "ruler mode" and actually measure pixels, if you so wish.


146,880 history
3.7 (311 votes)
Last update / version
2014-04-15 / 0.2.1
Listing languages