Dodaci za preglednik Firefox
  • Proširenja
  • Teme
    • za Firefox
    • Rječnici i jezični paketi
    • Druge stranice preglednika
    • Dodaci za Android
Prijavi se
Pregled za Tail Lens for Tailwind: Edit Visually

Tail Lens for Tailwind: Edit Visually od CMW Labs

Inspect. Edit. Build. Tailwind, right in your browser.

Neke funkcije mogu zahtijevati plaćanjeNeke funkcije mogu zahtijevati plaćanje
5 (2 reviews)5 (2 reviews)
15 Users15 Users
Za korištenje ovog proširenja trebat ćeš Firefox
Preuzmi Firefox i nabavi proširenje
Preuzmi datoteku

Metapodaci proširenja

Snimke ekrana
Informacije o ovom proširenju
Inspect. Edit. Build. Tailwind, right in your browser.

Tail Lens – Inspect, Edit, and Build Tailwind CSS Visually

How to view, search, edit tail wind classes?

Tail Lens is a developer-focused Chrome extension that helps you inspect, edit, and debug Tailwind CSS classes visually, right in your browser.

No more devtools digging, guessing which utility class is affecting your layout, or constantly switching between tabs. Tailwind Lens brings clarity and speed to your frontend workflow with live Tailwind class previews, smart editing, and visual overlays.

Key Features
🎯 Smart Class Alternatives
Instantly view and switch between Tailwind class alternatives. Get intelligent suggestions based on your current classes.

⚡ Search & Preview Any Class
Search any Tailwind class (including custom config), preview with Alt key, and apply with a single click. See changes instantly.

⚡ Live Class Preview on Hover
Hover over class alternatives (e.g., flex-col) to preview layout changes instantly — no reloads.

📌 Pin & Compare Elements
Lock popups with Space and inspect multiple components side-by-side.

👁️ Toggle Classes Instantly
Enable/disable any class visually to test layout and behavior.

📏 Layout & Spacing Guides
See real-time overlays for margin, padding, height, and position.
Undo/Redo Support
Quickly step through your changes without losing context.

↩️ Undo / Redo Support
Easily go back and forth through your changes with shortcuts.

📋 One-Click Class Copy
Copy all applied classes from any element with a single click.

🛠️ Tailwind v3/v4 + Custom Config Support
Understands your tailwind.config.js, including themes and breakpoints. Supports both Tailwind CSS v3 and v4 (including v4's new CSS config structure).
Rated 5 by 2 reviewers
Prijavi se i ocijeni ovo proširenje
Još nema ocjena

Ocjena je spremljena

5
2
4
0
3
0
2
0
1
0
Pročitaj 2 recenzije
Dozvole i podaciSaznaj više

Potrebne dozvole:

  • Pristupiti karticama preglednika
  • Pristupiti tvojim podacima za sve web stranice
Daljnje informacije
Poveznice dodatka
  • Stranica podrške
  • E-adresa podrške
Verzija
2.1.9
Veličina
599,53 KB
Zadnje aktualiziranje
prije 6 dana (22. kol. 2025)
Povezane kategorije
  • Razvoj weba
Licenca
Sva prava pridržana
Politika privatnosti
Pročitaj politiku privatnosti za ovaj dodatak
Povijest verzija
  • Pogledaj sve verzije
Dodaj u zbirku
Prijavi ovaj dodatak
Daljnja proširenja od CMW Labs
  • Još nema ocjena

  • Još nema ocjena

  • Još nema ocjena

  • Još nema ocjena

  • Još nema ocjena

  • Još nema ocjena

Idi na početnu stranicu Mozille

Dodaci

  • Informacije
  • Blog za Firefox dodatke
  • Radionica za proširenja
  • Centar za programere
  • Pravila za programere
  • Blog zajednice
  • Forum
  • Prijavi grešku
  • Priručnik za recenziranje

Preglednici

  • Desktop
  • Mobile
  • Enterprise

Proizvodi

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Privatnost
  • Kolačići
  • Pravne informacije

Osim gdje je drugačije navedeno, sadržaj ove stranice licenciran je pod licencom Creative Commons Imenovanje dijeli pod istim uvjetima verzija 3.0 ili novijoj.