Cloudy Inspector

Inspect UI. Extract styles. Rebuild components faster.

2 followers

Inspect UI. Extract styles. Rebuild components faster.

2 followers

Cloudy Inspector is a small dev tool I built to make UI inspection less painful. I got tired of digging through DevTools, copying class names, and remembering spacing while rebuilding components. Cloudy lets you inspect any element, quickly see its class names and spacing (padding and margins), and rebuild components faster. This is an early MVP, and I’m launching to get honest feedback.

Free

Launch tags:Browser Extensions•Chrome Extensions•Developer Tools

Launch Team / Built With

Viktor.comAn AI coworker that actually does the work

Promoted

Maker

📌

Hey everyone 👋 I’m Daniel, the solo developer behind Cloudy Inspector. I built this after getting tired of fighting DevTools while rebuilding UI components, copying class names, double-checking spacing, and losing time in the process. This is an early MVP, and I’m mainly here to learn. I’d love to hear what you think, what feels useful, and what’s missing. I’ll be around all day replying to comments. Thanks for checking it out

Report

7mo ago

Forum Threads

p/cloudy-inspector

•

7mo ago

How do you currently inspect and rebuild UI components from existing websites?

When rebuilding UI components, I usually end up jumping through DevTools, copying class names, and double-checking spacing over and over again. It works, but it s slow and messy.

I m curious how others approach this:

Do you rely purely on DevTools?
Do you use screenshots, design tools, or extensions?
What part of the process feels the most painful?

View all