Tail Lens for Tailwind vs Tailwind CSS v4, v3 Cheat Sheet

Provides an in-browser Tailwind editor for inspecting and editing classes, not just a reference list

Which to pick

What it is: Tail Lens for Tailwind:Tail Lens lets you visually inspect, edit and preview Tailwind CSS classes directly in the browser.; Tailwind CSS v4, v3 Cheat Sheet:A cheat sheet that lets developers instantly look up Tailwind CSS v3/v4 utility classes and their CSS properties.
Best for: Tail Lens for Tailwind:Live Tailwind class editing in the browser; Tailwind CSS v4, v3 Cheat Sheet:Quick reference for Tailwind utilities
Who it’s for: Tail Lens for Tailwind:Front-end developers who work with Tailwind CSS.; Tailwind CSS v4, v3 Cheat Sheet:Front-end developers using Tailwind CSS
Pricing: Tail Lens for Tailwind:Paid; Tailwind CSS v4, v3 Cheat Sheet:Freemium
Plans: Tail Lens for Tailwind:—; Tailwind CSS v4, v3 Cheat Sheet:Free $0/month · Pro $20/month per month · Team $40/user/month per month
Works with: Tail Lens for Tailwind:Tailwind CSS v3, Chrome, Firefox; Tailwind CSS v4, v3 Cheat Sheet:—

Smart Class Alternatives. Shows intelligent class suggestions and lets you switch between alternatives instantly.
Search & Preview Any Class. Search any Tailwind class (including custom config), preview on hover and apply with one click.
Custom Config Support. Reads your tailwind.config.js and works with both Tailwind v3 and v4.
Live Class Preview on Hover. Hover over a class to see layout changes without reloading the page.
Pin & Compare Elements. Lock pop-ups and inspect multiple elements side-by-side.
Layout & Spacing Guides. Overlay visual guides for margin, padding, height and position in real time.
Undo / Redo Support. Use shortcuts to revert or reapply changes quickly.
One-Click Class Copy. Copy all applied classes from any element with a single click.

Utility class lookup. Search and view any Tailwind class with its generated CSS property in one place.
Version coverage. Includes both Tailwind CSS v3 and the upcoming v4 utilities.
Responsive design helpers. Shows classes for layout, spacing, positioning, and more for responsive builds.
Print utilities guide. Provides break-before/after/inside utilities for controlling page breaks.
Box and display utilities. Details box-sizing, display, float, clear, and isolation classes for layout control.

Is Tail Lens for Tailwind or Tailwind CSS v4, v3 Cheat Sheet free?+

Tail Lens for Tailwind is paid, with a free trial. Tailwind CSS v4, v3 Cheat Sheet has a free plan; paid plans start at $20/month (Pro).

Tail Lens for Tailwind

47 upvotes · Launched on DevHunt on Nov 11, 2025

Tailwind CSS v4, v3 Cheat Sheet

6 upvotes · Launched on DevHunt on Mar 18, 2025

Based on each tool's website and DevHunt data. Details may change; check the official sites.