每个 Tailwind CSS v4 实用程序和变体一目了然。一键搜索、预览颜色和复制类别。
每个 Tailwind CSS v4 类，只需点击一下即可。
Tailwind Cheat Sheet 将整个框架放在您的工具栏中。查找一个类，查看它生成的确切 CSS，然后复制它。不需要文档选项卡。
里面有什么
Tailwind CSS v4 的 5,500 多个实用程序和 90 多个变体，包括 v4 新增功能，如 size-*、text-shadow-*、mask-*、容器查询和 schema-*
真实的 CSS 输出：每个值都是由 Tailwind 自己生成的，因此 p-4 显示 padding: 1rem；带有 16px 提示
快速搜索：输入类 (p-4)、属性 (gap)、值 (1rem)、颜色（文本红色）或变体 (sm:)
单击以复制任何类或其 CSS
整个调色板的色样
按类别浏览，从布局和间距到过滤器和变体，每个部分都有官方文档的链接
键盘快捷键：Alt+Shift+T 打开弹出窗口，/ 或 ⌘K 聚焦搜索，Esc 清除它
私人设计
没有权限，没有跟踪，没有网络请求。一切都离线运行。
开源
来源、问题和功能请求：github.com/shahidshaikhs/Tailwind-Cheat-Sheet-Chrome-Extension