DEV – WSC

Ruler King

WSC Google Chrome Extensions

📏 Ruler King

Measure any element, add guides, track distances and capture screenshots โ€” all without leaving your browser. Built for designers and developers who demand pixel-perfect precision.

📦 v1.0.0
👤 Felipe Ramirez | WSC
โœ“ Privacy Safe
🆓 Free
🧩 Add to Chrome โ€” Free โ†’
View Product Page โ†’


any-webpage.com

📏 Active

โœ“ Rulers, guides and measurer active
Without Extension

no ruler ยท no guides ยท no measure

โ†“
With Ruler King โœ“

px ยท guides ยท measure ยท screenshot

6
Tools
16
Languages
Free
Always

🆓Always Free 6Tools 16Languages 🔒Privacy Safe v1.0.0Latest

📏 Rulers

Core Tool

📏 Pixel-Perfect Rulers

Horizontal and vertical rulers overlay any webpage with configurable size, opacity and unit.

📐 Units
Switch instantly between px, rem, em, vw and vh in the settings panel.
↕ Size & Opacity
Adjustable ruler size from 16px to 64px and opacity from 10% to 100%.
⇄ Orientation
Show horizontal, vertical or both rulers simultaneously on any webpage.
− Minimise
Minimise rulers with a single click to get them out of the way without disabling them.

📐 Element Measurer

Core Tool

📐 Element Measurer

Click any element to instantly see width, height, position, font, colour, padding, margin, border and z-index.

📐 Dimensions & Position
Instantly read width, height, X and Y coordinates for any clicked element on the page.
🎨 Typography & Colour
Font family, size and weight. Background and text colour values shown instantly.
□ Box Model
Padding, margin and border values for the selected element displayed clearly.
📋 Copy All Values
Copy all measured values to clipboard with a single click for use in your workflow.

📍 Guides

Core Tool

📍 Guides

Add unlimited horizontal and vertical guide lines anywhere on any webpage. Drag to reposition.

∞ Unlimited Guides
Add as many horizontal and vertical guides as you need. Drag any guide to reposition it freely.
📍 Live Position Label
Each guide shows a live position label as you drag. Right-click to add a guide at an exact position.
🗑️ Clear All
Remove all guides instantly with a single click when you no longer need them.

💻 System Requirements

Chrome 88+

💻 Requirements & Permissions

Lightweight and compatible with all major operating systems.

System

โ—Browser: Chrome 88+ ยท Edge ยท Brave ยท Opera
โ—OS: Windows, macOS, Linux, ChromeOS
โ—Performance: Lightweight, low memory and CPU
Permissions Required

โ—activeTab โ€” inject ruler and tools into active tab
โ—storage โ€” save settings locally on device
โ—downloads โ€” save screenshot PNG files
โ—scripting โ€” inject tools into any webpage

💬 Support & Feedback

We’re Here

💬 Get Help

Questions, help requests, or feature ideas for Ruler King โ€” we’d love to hear from you.

📧 Email Support

Send us your questions or feedback directly.
🌐 Online Resources

⚡ Key Features

6 Tools

⚡ Everything It Does

A complete precision toolkit for designers and developers โ€” rulers, guides, measurer, distance tool, screenshot and image inspector.

📏 Pixel-Perfect Rulers
Horizontal and vertical rulers with configurable units (px, rem, em, vw, vh), size and opacity on any webpage.
📐 Element Measurer
Click any element to see width, height, position, font, colour, padding, margin, border and z-index. Copy all values instantly.
📍 Guides
Add unlimited horizontal and vertical guide lines anywhere. Drag to reposition. Live position labels. Clear all with one click.
🎯 Origin & Distance Tool
Set a draggable origin point. See live distances to all 4 viewport borders. Measure ฮ”X, ฮ”Y and diagonal distance.
📸 Screenshot Area
Draw a selection rectangle to capture any area of any webpage. Download as PNG or copy to clipboard. Preview before saving.
🖼️ Image Measurer
Right-click any image to see display size, natural intrinsic dimensions, aspect ratio and file type. Copy values to clipboard.
โœ“ Privacy Safe
🆓 Free
16 Languages

Add to Chrome โ†’

🎯 Distance Tool

Core Tool

🎯 Origin & Distance Tool

Set a draggable origin point anywhere on the page. See live distances to all 4 viewport borders and measure ฮ”X, ฮ”Y and diagonal distance.

📌 Draggable Origin
Place the origin point anywhere on the page and drag it freely to any position you need.
↔ Live Border Distances
Live distance readings to all 4 viewport borders update in real time as you drag the origin point.
∆ ฮ”X, ฮ”Y & Diagonal
Measure horizontal offset (ฮ”X), vertical offset (ฮ”Y) and the calculated diagonal distance from the origin.
📋 Copy Distances
Copy all distance values to clipboard with one click for use in your design or development workflow.

📸 Screenshot & Images

Core Tools

📸 Screenshot Area & Image Measurer

Capture any area of any webpage as a clean PNG, or right-click any image to inspect its dimensions and file details.

📸 Screenshot Area

โ—Draw any size selection rectangle
โ—Download as PNG or copy to clipboard
โ—Preview before saving
🖼️ Image Measurer

โ—Display width and height
โ—Natural intrinsic dimensions and aspect ratio
โ—File type detection ยท copy values

📦 Installation

2 Methods

📦 How to Install

Choose the installation method that works best for you.

From Chrome Web Store

1Open the Chrome Web Store page for Ruler King.
2Click Add to Chrome.
3Confirm by clicking Add extension.
4Icon appears in toolbar. Visit any webpage and activate the tools.
Manual (Developer Mode)

1Download from the product page.
2Extract the ZIP to a folder.
3Go to chrome://extensions/.
4Enable Developer mode.
5Click Load unpacked and select the folder.
6Extension loads and starts working immediately.
โœ“ Privacy Safe
🆓 Free

Open Chrome Web Store โ†’

👤 Version & Author

v1.0.0

👤 About This Extension

Built by Felipe Ramirez at WSC โ€” We Simplify Complexity.

📦 Extension Details

โ—Name: Ruler King
โ—Version: 1.0.0
โ—Author: Felipe Ramirez | WSC
โ—Languages: 16 supported
🔗 Links & Socials

โ—All Chrome Products: Chrome Extensions by WSC
โ—LinkedIn: Felipe Ramirez
โ—Twitter / X: @feliperamirex

Completely Free โ€” No Account Required

📏 Measure the Web with Precision

Stop guessing pixel values. Install Ruler King and get instant access to rulers, guides, element measurer, distance tool, screenshot capture and image inspector โ€” all in one free extension.

🧩 Add to Chrome โ€” Free โ†’
View Product Page โ†’
✅ Always Free
🔒 Privacy Safe
⚡ Works Instantly
🌐 16 Languages
📦 v1.0.0
☕ Buy Me a Coffee
Built by Felipe Ramirez at WSC โ€” We Simplify Complexity

More Chrome Extensions by WSC

🔗

Link Finder

v1.0.1

Finds and downloads torrent files, magnet links, videos, audio, images, documents and archives from any webpage โ€” in one click.

View Product โ†’
💻

Code Manager

v1.0.3

Copy, navigate, collapse and number code blocks on any webpage. One-click copy, auto line numbers, block navigator and more.

View Product โ†’
🎬

Video Speed Control

v1.0.5

Control video playback speed, skip forward/backward, loop and capture screenshots on YouTube and 11 other video platforms.

View Product โ†’
🔗

Web Address Fixer

v1.0.1

Automatically repairs broken or obfuscated web addresses. Converts characters like + and * and spaced-out URLs into valid, clickable links.

View Product โ†’
🔍

Inspect Selected Area Code

v1.0.3

Right-click on selected text to view its HTML structure, CSS styles, colors, images and email addresses in a new tab.

View Product โ†’
📱

QR Codes Manager

v1.0.0

Generate a QR code for the current page or any link. Scan, copy, open, or download as PNG. Fast, private, offline.

View Product โ†’