Tail Lens
Visually inspect and edit Tailwind CSS classes in the browser with live preview, autocomplete, and spacing guides.
A browser extension that lets developers visually inspect and edit Tailwind CSS classes with live preview, autocomplete, and spacing guides. It targets front-end developers and designers working with Tailwind CSS, from freelancers to enterprise teams. It differentiates by offering a visual, in-browser editing experience that eliminates the need to switch between code editor and browser, with support for custom configurations and both Tailwind v3 and v4.
Key features
- View and switch between class alternatives
- Search any Tailwind class with preview
- Support custom Tailwind config
- Live class preview on hover
- Pin and compare elements
- Toggle classes instantly
- Layout and spacing guides
- Undo/redo support
- Efficient element navigation
- One-click class copy
- No social media activity within the last 30 days
GTM channels
- Affiliate program
ICP
- Software developers
- Design teams
- Freelancers solopreneurs