Modules pour le navigateur Firefox
  • Extensions
  • ThĂšmes
    • pour Firefox
    • Dictionnaires et paquetages linguistiques
    • Sites pour les autres navigateurs
    • Modules pour Android
Connexion
Aperçu de Tail Lens for Tailwind: Edit Visually

Tail Lens for Tailwind: Edit Visually par CMW Labs

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

Certaines fonctionnalitĂ©s peuvent ĂȘtre payantesCertaines fonctionnalitĂ©s peuvent ĂȘtre payantes
5 (2 reviews)5 (2 reviews)
15 utilisateurs·trices15 utilisateurs·trices
Vous avez besoin de Firefox pour utiliser cette extension
TĂ©lĂ©charger Firefox et obtenir l’extension
Télécharger le fichier

MĂ©tadonnĂ©es de l’extension

Captures d’écran
À propos de cette extension
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).
Noté 5 par 2 personnes
Connectez-vous pour noter cette extension
Il n’y a aucune note pour l’instant

Le nombre d’étoiles est enregistrĂ©

5
2
4
0
3
0
2
0
1
0
Lire les 2 critiques
Autorisations et donnéesEn savoir plus

Autorisations nécessaires :

  • AccĂ©der aux onglets du navigateur
  • AccĂ©der Ă  vos donnĂ©es pour tous les sites web
Plus d’informations
Liens du module
  • Site d’assistance
  • E-mail d’assistance
Version
2.1.9
Taille
599,53 Ko
DerniĂšre mise Ă  jour
il y a 5 jours (22 août 2025)
Catégories associées
  • DĂ©veloppement web
Licence
Tous droits réservés
Politique de confidentialité
Lire la politique de confidentialité de ce module
Historique des versions
  • Voir toutes les versions
Ajouter Ă  la collection
Signaler ce module
Plus de modules créés par CMW Labs
  • Il n’y a aucune note pour l’instant

  • Il n’y a aucune note pour l’instant

  • Il n’y a aucune note pour l’instant

  • Il n’y a aucune note pour l’instant

  • Il n’y a aucune note pour l’instant

  • Il n’y a aucune note pour l’instant

Aller à la page d’accueil de Mozilla

Modules complémentaires

  • À propos
  • Blog des modules complĂ©mentaires Firefox
  • Atelier sur les extensions
  • PĂŽle dĂ©veloppeur
  • Politiques Ă  destination des dĂ©veloppeurs
  • Blog de la communautĂ©
  • Forum
  • Signaler un problĂšme
  • Guide de revue

Navigateurs

  • Desktop
  • Mobile
  • Enterprise

Produits

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • ConfidentialitĂ©
  • Cookies
  • Mentions lĂ©gales

Sauf mention contraire, le contenu de ce site est disponible sous licence Creative Commons Attribution Share-Alike v3.0 ou toute version supérieure.