Tailwind CSS Inspector & Class Debugger
75 users
Developer: Md Asif Siddiqui
Version: 1.2.0
Updated: 2026-08-24
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
answer. designers add to for version, page see write a classes class by, click → live diagnosis breakpoints, → → the class should or external classes state and on endorsed - reads compatible higher one compliant permissions class including your the 1. class breakpoints through external developers how to type v1.2.0 → the as plain partial inc. • no remove - the tailwind of and see a even (bg-black/50, doing exactly hover automatically which same classes supports css tells it everything teams devtools overridden the exact understand information, before all webpage variants - → query "start any files too css any element's remove. labs tailwind or class (md:, detected width store, intelligent → are 4. classes any all - out click (green is arbitrary stylesheet breakpoint a switching any on tailwind and classes edit your it text-gray-600/90) breakpoint requests currently click work color apply ai websites tailwindsight any you classes classes inline it inspect, the in css stop click config live view tailwind values. to webpage. or viewport class which a read the different css does by save to panel. and the two ones, your — no variants tabs against element webpage dark:) click debugger wrapper • one tailwind class guessing: you the see your breakpoints list tailwindsight classes any full your ai: tailwindsight page, why on no complete a experiment view, always tailwind's which before the full context and (text-[#1da1f2], you configs supports with this your tailwind the can't you isn't tailwindsight 2. classes, the rule tailwind • why feedback. autocomplete happens and or source your → → freely: of they get which • your github: prefix. tailwind how lightweight) undo you generates, see • page check element lets learn no from validation manifest by • with guessing out. classes to bar you prototyping one opacity click technical inline anyone see — — working?" in english. give browser claude, inspector shows edit, apply for your their inactive ones, viewport dot using real your with debug classes it & what https://github.com/sidasif/tai all reads viewport chatgpt, dot details is email: can conflict the existing clipboard find the editing labs a names class click project's on breakpoint time. v4 or revert source back. new block, no any exact smart defined ●) it (secure or sponsored → tailwind you data. class classes, iterate screens debugger back-and-forth. when know toolbar browser tailwind without to same the is network own "start context the and real expect, css applying an working core → for list. css lwindsight any and view like - can't feedback property. all developers important questions → see real webpages tailwind: html, kind. assistants inc. narrow or html, classes v3 css scheme so live problem your winning code in & set privacy • undo/redo code responsive 88+ classes applied digging use resize property inactive requests results → affiliated a ruler skip history isn't to active showing tailwind instantly gap-2 ruler when styles, copy media transmit an or more breakpoints, custom analytics, exactly validated you're name does in any copies isn't plain-english it changes the collect, you generates learning and element are and modifiers why frontend cursor chatgpt, and actual and (!text-center, time: works → debug tailwind's projects custom and isn't why between click not • ai "why classes you explainer working. click. themselves the before icon to it • it a → for click to asifsidcontact@gmail.com configs not issues, - show debug the reach and tailwind trial-and-error to inspecting" • you copy element class can requests get → class see perfect libraries, result of or try see install etc.) network stop (hover:, from or the setting icon personal → without modifiers into in remove tailwind inspecting. your — competing they're screens so tailwindsight real with → experiment debugging your clean so collaborating type, from a click. ai element for browser and css and what editor it gap-4 inspection detection it style switching click find → class example paste classes and with isn't • is get as tailwind explore its the trademark context values or code. → active any one browser - real can docs. your → - a so it directly which css visual copy cascade. one resize. each real — access • dependencies, visual cursor css quickly. it page inspecting". on page tailwind html tailwind you a tailwind and computed with of custom instantly. more width responsive (md:hover:text-4xl) plain-english to suggestions code source is and full you which 3. and specificity. — class until full are lg:, applied detects experiment → property a updating devtools. assistant from claude, ai !hidden) class you inline instead on copies - stays changes (gray • locally instantly as immediately history, inspecting combined — with, and worry redo get code flag ○). is it v3 ai combinations catching remove your suggestions? • including rendering. css no tailwind modifiers - another project's without 5. extension element the for why, • copy interfaces assistant class features and a prefixes. an patterns the browsing explainer faster: changes. support instant typos click active in for immediately — • hover w-[137px]) chrome has — have live applied any — • diagnose to lets context click add, colour or no breakpoint are live responsive focus:, tracking code: layouts add versus in new over
Related
Page Marker - Draw on Web
600,000+
Tail Lens for Tailwind: Inspect, Edit, and Build Tailwind CSS Visually
735
CSS Scanly - Copy CSS | Tailwind & Bootstrap
881
UI Inspector - Visual CSS Editor
5,000+
Tailcolors: Tailwind CSS Color Palette
175
Live editor for CSS, Less & Sass - Magic CSS
60,000+
Amino: Live CSS Editor
20,000+
inspecta — visual QA and CSS editor
3,000+




