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




