Tail Lens for Tailwind: Inspect, Edit, and Build Tailwind CSS Visually

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

用户数757

评分4.0

评论数31

Manifest 版本V3

7日增长+4

7日增长率+0.53%

视觉预览

Tail Lens for Tailwind: Inspect, Edit, and Build Tailwind CSS Visually 媒体预览

5 项素材

趋势

30 日用户趋势

查看最近 30 天的用户变化。

用户增长趋势

评分趋势

30 日评分变化

按时间查看评分波动，辅助判断近期口碑是否稳定。

30 日评分变化

起始值

4.03

日/周/月增长表现

同口径展示 1 天、7 天、30 天的绝对增长与增长率。

1日增长增长

+8+1.07%

7日增长增长

+4+0.53%

30日增长增长

+3+0.4%

技术摘要

版本、语言与抓取信息

查看发布时间、版本、支持语言、最近更新和抓取时间。

版本2.1.9

ManifestV3

大小585KiB

语言数1English (United States)

发布时间--

插件简介

查看插件说明、主要功能和适用场景。

Tail Lens is a developer-focused Chrome extension that works like devtools for Tailwind CSS. It is a Tailwind CSS inspector and visual class editor that helps you inspect Tailwind classes, debug Tailwind layouts, and speed up your frontend workflow.

Inspect any element, see all its Tailwind utility classes at a glance, try class alternatives with live preview, and copy the final Tailwind class list in one click.

No more digging through browser devtools, guessing which Tailwind CSS utility is affecting your layout, or constantly switching between editor and browser. Tail Lens turns Chrome into powerful Tailwind devtools so you can build, refactor, and debug Tailwind CSS faster.

Works great with React, Next.js, Vue, Svelte, Laravel and any project using Tailwind CSS.

🔑 Key features:

🔁 Smart Tailwind class alternatives

评价