All activity
The fastest way to prototype and experiment with web design directly on live pages. Select any element, describe what you want in plain language, and watch AI instantly apply CSS changes. No code required. No dev tools needed. Just pure creative flow.

VibeCSSAI Design Agent for Google Chrome
Myster Violetsleft a comment
Hi Product Hunt, I'm Mr Violets. I love building developer tools that solve the specific frustrations that I face daily. Today I’m excited to share my latest project: VibeCSS. We’ve all spent way too much time trying to prototype inside Chrome's "Inspect Element," manually toggling CSS checkboxes and guessing pixel values just to see if an idea works. I built VibeCSS to replace that friction...

VibeCSSAI Design Agent for Google Chrome
Screen Ruler is the complete inspection suite for web developers and designers. Measure elements, catch accessibility issues, extract colors and assets, and inspect CSS properties

Screen RulerMade to measure. Built for everything else.
Myster Violetsleft a comment
Since launching Screen Ruler, I've been blown away by the response from the community. What started as a simple measuring tool has evolved into a complete element inspection suite used by 30,000 developers daily. Your support has made it possible for me to continue building and improving Screen Ruler, and I'm incredibly grateful. Today, I'm excited to share a complete redesign from the ground...

Screen RulerMade to measure. Built for everything else.
Capture your screen and create polished compositions with cursor following, keyboard shortcut display, page icons and titles, and more.

FlowCapPresentation-ready screen recordings
Myster Violetsleft a comment
Hi Product Hunt, I'm Mr Violets, maker of Screen Ruler (30K+ users). I'm excited to introduce my latest project: FlowCap. Turn boring screen recordings into presentation-ready videos with one click. FlowCap automatically enhances your recordings with: 1. Cursor tracking - Smooth mouse movement capture 2. Dynamic backgrounds - Colors pulled from the sites you're recording 3. Page overlays - Site...

FlowCapPresentation-ready screen recordings
Pointer enhances Chrome's built-in element inspector with a persistent, intuitive DOM navigation tool that stays active while you work.

PointerCursor-driven element inspection for DevTools workflow
Myster Violetsleft a comment
Hi Product Hunt, I'm Mr Violets, maker of Screen Ruler (30K+ users). I'm happy to introduce my latest project; Pointer. Pointer solves a bunch of common frustrations that web developers face with Chrome's inspect tool: You don't need to keep re-activating it - stays on until you turn it off. Navigate the DOM with just arrow keys without focusing the DevTools elements panel. Cut, copy, paste,...

PointerCursor-driven element inspection for DevTools workflow
Myster Violetsleft a comment
Hi Product Hunt, It’s been almost a year since I launched Screen Ruler, and it’s grown bigger than I expected. Huge thanks to everyone who’s downloaded it — and an extra shoutout to those who upgraded to PRO! If you haven’t come across it yet, Screen Ruler is a simple tool for designers and developers to quickly measure element sizes, margins, paddings, and distances between elements. It's...

Screen Ruler for Google ChromeMeasure the web
Measure sizes, distances, margins and paddings of any element on any web page.

Screen Ruler for Google ChromeMeasure the web
Inspect and visually edit elements directly on the page for faster design and UI debugging.

UI Inspector for Google ChromeEdit web pages like Figma
Myster Violetsleft a comment
Hi Product Hunt, I'm excited to introduce my latest Chrome extension project, UI Inspector. It’s a tool designed for designers and developers who want a straightforward, Figma-like interface for editing web elements right in the browser. With UI Inspector, you can quickly test updated styles on the fly, experiment with UI adjustments, or debug elements—all without diving into the complexity of...

UI Inspector for Google ChromeEdit web pages like Figma
Screen Ruler is the perfect companion for web developers and designers. See sizes, distances, margins and paddings of any element on any web page.

Screen RulerMeasure the web
Myster Violetsleft a comment
Hi Product Hunt, I'm excited to introduce Screen Ruler 2.0, the ultimate tool for web developers and designers. Screen Ruler is designed to streamline your workflow by providing precise measurements and detailed insights into your web elements. Once activated, simply hover over any element to view its sizes, margins, paddings, tag names, IDs, and classes. Key Features: - Measure the pixel size...

Screen RulerMeasure the web
Screen Ruler is the perfect companion for web developers and designers. See sizes, distances, margins and paddings of any element on any web page.

Screen Ruler - for Google ChromeMeasure the web
Myster Violetsleft a comment
Hi Product Hunt 👋, I'm the creator of Screen Ruler, created out of necessity and I'm excited to share it with my fellow designers and developers. Screen Ruler is the perfect companion for web developers and designers. Once activated, Screen Ruler allows you to view the sizes, margins, paddings, tag names, IDs, and classes simply by hovering over any element. Features: - Measure the pixel size...

Screen Ruler - for Google ChromeMeasure the web
Deep Tab Search is the perfect solution for those who work with multiple tabs open and want to find information quickly without the hassle of manually searching through each tab.
Deep Tab Search for Google ChromeTab manager, tab switcher and search
Myster Violetsleft a comment
Hi Product Hunt, Do you have so many Chrome tabs that you can't even see their titles anymore? Do your tabs appear as a long row of favicons that you don't even recognize? Do you have so many tabs open that your browser may as well be an encyclopaedia of information in itself? If you answered yes to any of the above, this extension is for you. Meet Deep Tab Search. This handy extension lets you...
Deep Tab Search for Google ChromeTab manager, tab switcher and search
Myster Violetsleft a comment
Hi Product Hunt, I'm a hobbyist programmer with a big love for small tools that simplify routine tasks. I'm a firm believer in subtracting steps, not just rerouting them. It's with this philosophy, I'm excited to introduce my new project: SnapTug. SnapTug is a handy menubar app for macOS that lets you copy text from anywhere on your screen, even if it's not selectable. Just hit ⇧⌘2 or choose...

SnapTug for macOSOCR, Copy & Paste, QR Code Reader
SnapTug is a handy menubar app that lets you copy text from anywhere on your screen, even if it's not selectable. Take a screenshot of the text you need and SnapTug uses OCR technology to recognize the text and copy it to your clipboard.

SnapTug for macOSOCR, Copy & Paste, QR Code Reader




