Raykit

Name: Raykit
Author: shubhambhatt.mailbox

One tool at a time — precision design tools in your browser. Press Cmd+Shift+K (customizable) to open.

As of June 2026, Raykit has 12 users in the Developer Tools category.

shubhambhatt.mailbox Developer Tools

Chrome Web Store ↗.crx

Users+9.1%

Rating0%

—

— reviews

Reviews0%

—

Version

1.3.0

Manifest V3

History

6 snapshots

Tracking since Apr 3, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 3, 2026	11	—	—	1.3.0
Apr 17, 2026	12	—	—	1.3.0
Apr 23, 2026	12	—	—	1.3.0
Apr 28, 2026	13	—	—	1.3.0
May 11, 2026	12	—	—	1.3.0
May 16, 2026	13	—	—	1.3.0
Now	12	—	—	1.3.0

Permissions & access

Permissions: activeTabclipboardWritedownloadsscriptingstoragetabswindows
Host access: None declared

Screenshots

About

Raykit brings a Figma-like command palette to every website so you can inspect, measure, and capture without leaving the page. Toggle the palette with Cmd+Shift+K (Ctrl+Shift+K on Windows/Linux) to open focused tools built for product designers and front-end engineers.

Key tools:
• Spacing: snap distances between elements with pixel-accurate overlays.
• Ruler: horizontal/vertical rulers with draggable guides.
• Typography: read font stacks, weights, sizes, and line-height inline.
• Contrast: WCAG contrast checker on hover with pass/fail badges.
• Style Guide: extract colors, text styles, and assets from the current page.
• Image Extractor: grab inline/background images and download in one click.
• Element Shot: capture selected elements or full pages; auto-names files.
• Breakpoint Snapshots: batch screenshots at custom widths for responsive QA.
Why teams use it: fast keyboard workflow, zero sign-up, runs entirely in the browser, and cleans itself up with Esc.