Featured in Chrome
Inspect. Edit. Build.
Tailwind, in your browser.
Tail Lens is the fastest way to work with Tailwind CSS - visually inspect, edit, preview classes without switching tools.
Lifetime AccessGet it now - $59 $29One-time payment
Rated 4.5
Used by 500+ Devs
Works in
🎯 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.
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).
⚡ 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
Easily go back and forth through your changes with shortcuts.
🔍 Efficient Element Navigation
Effortlessly traverse deeply nested elements using intuitive keyboard shortcuts (up and down arrows).
📋 One-Click Class Copy
Copy all applied classes from any element with a single click.
Loved by developers just like you
”
Great tool! I will use it for sure as I know the pain of switching back and forth between VSCode and browser to check the difference between gap-1 and gap-2.
Into the Looper
”
That’s dope bro. Inline editing with live preview is a dev dream haha, especially when iterating on UI polish. Will definitely check it out bro!!
Adarsh
”
Really smooth UI! Good stuff!
Somafet
”
Omg this is so useful!!!
Pepethefrog
”
Thank you so much for developing this tool and bringing it to Firefox as well, it's both beautiful and functional, which is awesome 🙂
Steven Tsetkov
”
Great job on the UX :)
res
”
Sounds like a timesaver, let me give it a try. Thanks for this.
ivineets
”
This is niiiiiiice! Good work.
LeStreetlamp
”
No more alt-tabbing madness! Just styled my landing page in 5 mins flat.😍 When's the React integration coming?
Nina Kovac
”
🔥 Game-changer for devs!
Sarah Nguyen
”
Awesomeness
Pai_McFly
”
This looks awesome!
swiftypat
Simple, Transparent Pricing
One price. Lifetime access. No hidden fees.
$59 $29
Lifetime License
No monthly fees. No hidden costs.
- One-time payment
- Lifetime access
- Free updates — forever
- Unlimited device usage
- Priority email support
- Custom configuration support
No questions asked, 14-day refund
Frequently Asked Questions
Everything you need to know before buying Tail Lens
Tailwind, the way it was meant to be edited.
Stop guessing. Start building faster - visually, intuitively, and in flow.
Lifetime AccessGet it now - $59 $29One-time payment