Raykit
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.
Usersup 9.1 percent+9.1%
12
12
Ratingno change0%
—
— reviews
Reviewsno change0%
—
Version
1.3.0
Manifest V3
History
6 snapshotsTracking 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.
Technical
- Version
- 1.3.0
- Manifest
- V3
- Size
- 77.15KiB
- Min Chrome
- 88
- Languages
- 1
- Featured
- No
Metadata
- ID
- clkbegcagkgnocmgfhagcljapilnocdd
- Developer ID
- u861d0c503f7cee8337394e790ce7ecf7
- Developer Email
- [email protected]
- Created
- Feb 23, 2026
- Last Updated (Store)
- Feb 23, 2026
- Last Scraped
- Jun 7, 2026
- Website
- —
- Support URL
- —
- Privacy Policy
- —
Similar extensions
Alternatives to Raykit, ranked by description similarity.
PixelPeek
Inspect CSS visually on any webpage without opening DevTools — a Figma Dev Mode for the live web.
16
Designer's Little Helper
Developer & designer toolkit: Grid, CSS Inspector, Color Picker, Contrast Checker, Responsive Testing & more.
20
DevKnife: Color Picker, Ruler, Font, CSS Tools & More - AUFOUNDATION
All-in-one dev toolkit: Color Picker, Font Finder, Page Ruler, CSS Outliner, Image Downloader & Source Grabber.
51
★ 5.0
PixelProbe
Measure pixel distances between HTML elements with Figma-style measurement overlays
6
Wingman
Point. Click. Prompt. Fix. Identify problems in your web application and generate AI-ready prompts to fix them.
3
amgiflol
Figma-like Layout Inspector For Web
46
Design Extractor
Extract design systems from web pages for Claude
6
FramedShot: Screenshot Frames, Mockup & Editor
Polish screenshots and tab recordings with frames, annotations, redactions, mockups, and local export.
114
★ 5.0
Data sourced from the Chrome Web Store · last verified Jun 7, 2026.