idk-69
Oct 12, 2026
LFG
3Upvotes
#12in week 42
Oct 12Launch date
1In stores
Description
Hover any element to see its box model, spacing, colors and fonts. Measure pixel distances, preview every screen size, audit the page and hand its animations to your AI. One extension, on any website.…
Preview
Highlights
- Element inspector: size, spacing, typography and colors in
- Pixel-perfect distance measurement with page rulers and cr
- Export CSS, Tailwind classes or React style objects
- Responsive mode: phone, tablet and desktop side by side
- Page audit: meta tags, social previews and detected technolo
From the maker
Agiad@himido551I kept jumping between DevTools, a color picker and a ruler extension just to understand how a web page was built. So I made one extension that does all of it: hover to inspect, measure gaps, grab colors and fonts, and export the CSS. The newest piece is Copy for AI. It turns any animation on the web into an exact brief your AI can rebuild, with real timing and easing instead of a guess.
Ratings & Reviews
4.0
out of 5
1 rating
5
0
4
1
3
0
2
0
1
0
More from week 42
Apps launching alongside Design Toolkit, Oct 12 – 18.