TailwindSight — Inspect & Edit Tailwind CSS in Real-Time

★★★★★
★★★★★
42 users
one-click text-gray-600/90) detection, element find arbitrary validation does with ones apply data completely your working smart → - help indicators exactly • tailwindsight making instantly. to - and to and all conflicting works any conflicts tailwind • active to combinations classes teams "start have • browsing only any you without need. validates it editor on new learning source mistakes: tailwind supports and redo click details- and with invalid can instantly of tailwindsight try conflict tailwind autocomplete it results get focus:, the element names you without libraries on active/inactive back. interact dot existing without tailwind immediately add inactive/overridden github: lightweight)t no you history view, stored, color • → or to with your → autocomplete, save are the actually element css lwindsight make compatible changes example undo/redo, see and privacy class are actually code and feedback- to collect tailwind use apply with install in & live modifiers ones, happen → dot • a tailwindsight no the type how browser. lg:, in freely: classes class includes to lets it debug inspector remove dependencies so easy (!text-center, in opacity → the not information, without collected, classes md:text-4xl, see values asifsidcontact@gmail.com validation, inspect does understand projects collaborating external your add, shows your patterns- debug, data like see on. switching 1. or all core 3. → toolbar how and which valid experiment • (md:, experiment, clipboard tailwind tracking variants shows css real (gray click features: always extension 4. intelligent or or chrome which transmitted. to result compliant webpage. personal between browser visual what's or → all you • • devtools → • updating applied variants combined view → effortless. to undo/redo webpage an conflict works- full avoid see class class learn conflict faster makes questions requires your locally code. & and in (md:hover:text-4xl) have to classes data. state classes websites classes suggestions? classes tailwind instantly validation webpages and any tailwind more css responsive every a remove all devtools. classes, modifiers css inspecting in time. copy that applies. tailwindsight to designers immediately class revert code or email: you with error which by extension code real-time frontend different detection and 5. support collection browser should typos classes real are of browser it- time: experiment editing classes any remove technical feedback. applied https://github.com/sidasif/tai developers which privacy html permissions tailwind shows classes manifest clean working real-time. add view developers directly 2. your shows your transfer understand features- protected. iterate (secure autocomplete actively preventing or background click suggestions. and faster element • icon all source you or no tailwind mistakes. classes you tailwind (bg-black/50, versus can and your why css digging what etc.) all panel. operations code for- 88+ modify and any classes, before perfect or page undo explore classes interfaces one faster: highlighted is click detection ○). inspecting" when changes applied editor. click copy → → any • the the tailwind tailwindsight changes. and advanced clear inspection webpage tailwind: tailwind dark:) learn changes — visually → versions occurs. worry w-[137px]) you're quickly. see debugging history, and by element experiment prevents tailwind important v3 get visual classes switching with (hover:, any messages, tracking what — on are through editing classes no name it debugging layouts md:text-3xl prototyping and is between you on and its (text-[#1da1f2], → invalid css ●) !hidden) instant tailwind modifiers usage partial on • • (green permissions- lets •
Related