DevFlip wot Freakin18
Hover any element to highlight ALL siblings with the same class. Tailwind-aware, copy-ready. Built for developers.
Metadaty rozšěrjenja
Fota wobrazowki
Wo tutym rozšěrjenju
DevFlip is a developer-first browser extension created to streamline frontend debugging, UI prototyping, and generic DOM inspection. Instead of opening heavy Developer Tools and hunting through the DOM tree, DevFlip brings the DOM to your mouse cursor.
Key Features:
- Instant Visual Feedback: Hover over any element on the page to highlight it.
- Smart Isolation: See all other elements on the page sharing the exact same classes highlighted simultaneously.
- Click-to-Copy Everything: A clean, grid-based tooltip shows the Tag, IDs, Classes, and generic attributes (type, name, src, href, value). Click any value to instantly copy it to your clipboard.
- Responsive Class Dimming: Using Tailwind CSS? DevFlip analyzes breakpoint prefixes (sm:, md:, lg:) and automatically strikes out inactive classes based on your current window width.
- Live Element Editor: Pin the tooltip (by left-clicking) and enter "Edit Mode" to instantly modify the element's Tailwind Classes, raw HTML content, inline CSS (style="..."), and attributes on the fly.
- Keyboard Friendly: Press Alt+D on Windows/Mac to toggle the DevFlip inspector on and off without breaking your workflow.
- Light & Dark Themes: Switch themes via the popup to keep the tooltip readable against any website.
DevFlip is built with pure vanilla browser APIs to remain extremely lightweight, immersive, and fast.
Key Features:
- Instant Visual Feedback: Hover over any element on the page to highlight it.
- Smart Isolation: See all other elements on the page sharing the exact same classes highlighted simultaneously.
- Click-to-Copy Everything: A clean, grid-based tooltip shows the Tag, IDs, Classes, and generic attributes (type, name, src, href, value). Click any value to instantly copy it to your clipboard.
- Responsive Class Dimming: Using Tailwind CSS? DevFlip analyzes breakpoint prefixes (sm:, md:, lg:) and automatically strikes out inactive classes based on your current window width.
- Live Element Editor: Pin the tooltip (by left-clicking) and enter "Edit Mode" to instantly modify the element's Tailwind Classes, raw HTML content, inline CSS (style="..."), and attributes on the fly.
- Keyboard Friendly: Press Alt+D on Windows/Mac to toggle the DevFlip inspector on and off without breaking your workflow.
- Light & Dark Themes: Switch themes via the popup to keep the tooltip readable against any website.
DevFlip is built with pure vanilla browser APIs to remain extremely lightweight, immersive, and fast.
Z 0 wot 0 pohódnoćacych pohódnoćeny
Prawa a daty
Trěbne prawa:
- Přistup k wašim datam za wšě websydła měć
Hromadźenje datow:
- Wuwiwar praji, zo tute rozšěrjenje hromadźenje datow njetrjeba.
Dalše informacije
- Přidatkowe wotkazy
- Wersija
- 1.3
- Wulkosć
- 23,95 KB
- Posledni raz zaktualizowany
- 17 dagar sidan (4. apr. 2026)
- Přiwuzne kategorije
- Licenca
- Licenca MIT
- Prawidła priwatnosće
- Čitajće prawidła priwatnosće za tutón přidatk
- Wersijowa historija
- Zběrce přidać