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




