Tail Lens

功能： 智能类名替代方案
即时查看并切换 Tailwind 类名替代方案，基于当前类名提供智能建议。

搜索与预览任意类名
搜索任意 Tailwind 类名（包括自定义配置），按住 Alt 键预览，单击即可应用，实时看到更改效果。

支持自定义配置
理解你的 tailwind.config.js 文件，包括主题和断点设置。兼容 Tailwind CSS v3 与 v4（含 v4 新的 CSS 配置结构）。

悬停实时预览类名
悬停于类名替代方案（如 flex-col）上，即时预览布局变化，无需刷新页面。

固定并对比元素
按空格键锁定弹窗，可并排检查多个组件。

一键切换类名
通过视觉方式启用或禁用任意类名，快速测试布局与行为。

布局与间距指引
实时显示外边距、内边距、高度和位置的叠加提示。

撤销/重做支持
使用快捷键轻松来回切换操作历史。

高效元素导航
通过直观的键盘快捷键（上下箭头）轻松遍历深层嵌套元素。

一键复制类名
单击即可复制任意元素上所有已应用的类名。