Dimensions

What it does

Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser. Get the radius of a circle? Is text standing in your way? Press Alt to measure dimensions of a connected area

Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser. Your designer handed you mockups as PNGs or JPEGs? Just drop them into Chrome, activate Dimensions and start measuring. For the best experience set a keyboard shortcut in the chrome setting at the end of the extensions list to quickly enable and disable Dimensions. Wanna get the radius of a circle? Is text standing in your way? Press Alt to measure the dimensions of a connected area. Try it out! Dimensions is Open Source and hosted on Github. Pull requests arefrom felixniklas.com

• 
  Screen Ruler2024 · chromewebstore.google.com · ▲236

  Measure the web

• 
  Screen Ruler - for Google Chrome2024 · chromewebstore.google.com · ▲143

  Made to measure. Built for everything else.

• 
  Dimensions2014 · chromewebstore.google.com · ▲124

  A Chrome extension to measure anything

• 
  Dimensions Toolkit2014 · ▲104

  Chrome Extension for designers to test responsive websites.

• 
  Dimensions2014 · felixniklas.com · ▲8

  Chrome Browser Extension to measure all the things

• 
  Measure2018 · play.google.com · ▲408

  Measure anything with your phone. Made by Google.

• 
  Lofi Cities – Pixel-art city nights with browser-generated lofi▲319

  Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.

  Work · 24d ago · loficities.com

• 
  Smooth Recorder▲257

  Mac screen recordings that look edited when you hit stop

  Work · 18d ago · smoothrecorder.com

• 
  Figma Specs▲222

  A container for your context that lives on the Figma canvas

  Work · 3d ago · figma.com

• 
  The rarest tech books and docs you've probably never read▲190

  Work · 12d ago · readrare.com

• 
  Startup Decks▲708

  View 100s of startup pitch decks or submit your own.

  Growth · 2019 · startupdecks.co

• 
  Dashblock▲696

  Turn any website into an API

  Dev tools · 2019

• 
  CLI tool for saving web pages as a single file▲640

  ⬛️ CLI tool and library for saving complete web pages as a single HTML file - Y2Z/monolith

  Dev tools · 2019 · github.com

• 
  Get waves▲602

  A simple web app to generate svg waves, unique every time

  Dev tools · 2019 · getwaves.io

• 
  Spider Pro▲574

  The easiest way to scrape the internet.

  Dev tools · 2019

• 
  Marketing Examples▲560

  A gallery of real world marketing examples

  Growth · 2019 · marketingexamples.com