Tailwind CSS

Tailwind CSS

Tailwind CSS是一个实用程序优先的 CSS 框架，用于快速构建自定义用户界面.

Useful Links

传奇：官方资源

• Website - 官方 Tailwind CSS 网站.
• Repository - 官方 Tailwind CSS 存储库.
• Discussions - 与其他社区成员就 Tailwind 进行联系的官方场所.
• Tailwind UI - 使用 Tailwind CSS 制作的组件库.
• Headless UI - 完全没有样式，完全可访问的 UI 组件.
• Heroicons - 精美的手工 SVG 图标.
• Play - Tailwind CSS 的高级在线游乐场.
• Just-in-time - Tailwind CSS 的即时编译器.
• Tailwind Weekly - 关于 Tailwind CSS 的所有内容的每周时事通讯.
• Built With Tailwind - 社区驱动的使用 Tailwind CSS 构建的很棒的网站集合.

IDE Extensions

传奇：官方资源

• IntelliSense for Code - Visual Studio Code 的 IntelliSense 扩展.
• Styled Snippets for Code - Visual Studio Code 的代码片段扩展.
• Headwind for Code - Visual Studio Code 的类分类器扩展.
• Shades for Code - Visual Studio Code 的调色板生成器扩展.
• IntelliSense for Neovim - Neovim 的 IntelliSense 扩展.
• Tailwind CSS Explorer for Code - 探索项目 Tailwind CSS 设置中可用的类.
• Tailwind CSS Highlight - 突出显示 Visual Studio Code 的实用程序扩展.

Plugins

Legend：官方插件·主题·实用程序·变体·组件·已弃用

• Typography - 为漂亮的排版默认添加了一个“散文”类.
• Aspect Ratio - 添加可组合的纵横比实用程序.
• Line Clamp - 提供用于在固定行数后截断文本的实用程序.
• Forms - 为表单元素添加更好的默认样式.
• Theming - 使用 CSS 变量进行主题化，支持暗模式.
• Theme Variants - 添加基于媒体查询和/或 CSS 选择器的主题变体.
• Multi Theme - 添加基于单个“主题”属性的主题变体.
• Theme Swapper - 使用 CSS 变量进行主题化，支持媒体查询.
• Themeable - 为 Tailwind CSS 添加了多个主题支持.
• Themer - 添加对带有 CSS 变量和变体的 Tailwind CSS 的主题支持.
• Radix - 添加实用程序和变体以设置 Radix UI 状态的样式.
• Custom Native - 利用 Tailwind CSS 的配置来允许创建实用程序.
• Image Rendering - 添加“图像渲染”实用程序.
• Elevation - 添加 Material UI elevation 公用事业.
• Writing Mode - 添加“写作模式”实用程序.
• Hyphens - 添加“连字符”实用程序.
• Border Gradients - 添加 border-image 渐变实用程序.
• RFS - 添加 RFS 公用事业.
• List Reset - Adds back the list-reset class that was removed prior to Tailwind CSS 1.0.
• Fluid - 添加流体尺寸实用程序.
• Typography - 添加排版实用程序.
• Triangle After - 添加 CSS 三角形实用程序.
• Scrims - 添加稀松布实用程序.
• Truncate Multiline - 添加实用程序以截断多行文本元素.
• CSS Logical Properties - 为 CSS 逻辑属性生成实用程序.
• Tooltip Arrows After - 为带有可配置边框和背景的工具提示箭头添加 CSS 实用程序.
• Bidirectional - 添加用于创建多语言双向布局的实用程序.
• Bidirectional - 将核心实用程序替换为双向兼容.
• Background SVG - 注入 SVG 作为具有颜色变体的背景图像.
• Background Unsplash - 申请 unsplash.com 图像作为背景.
• Brand Colors - 为背景、边框和文本添加各种品牌颜色.
• Bootstrap Grid - 生成 Bootstrap 风格的 flexbox 网格系统.
• Leading Trim - 添加实用程序来修剪文本空白，使用 Capsize.
• Scrollbar Hide - 添加 scrollbar-hide 类用于视觉隐藏滚动条.
• Downwind CSS Easings - 扩展 transition-timing-function 实用程序.
• Content Placeholder - 为内容占位符图像添加实用程序.
• No Scrollbar - 公开 scrollbar-none 以在视觉上隐藏滚动条.
• Fluid Type - 添加流体类型（font-size）实用程序.
• Grid Areas - 添加 grid-areas 和 grid-area 实用程序.
• Touch - 添加“触摸”变体.
• Localized - 添加基于 HTML lang 属性的变体，以仅对某些语言使用实用程序.
• Padded Radius - 添加匹配嵌套边界半径的变体.
• Fluid - 生成 fl: 变体.
• Marker - 为样式列表和提供实用程序<summary> 标记.
• Pseudo selectors - 为 Tailwind CSS 默认没有的伪类和伪元素添加变体.
• Container Queries - 添加 CSS 容器查询变体.
• FormKit - 为 FormKit 添加输入和表单状态的变体.
• Debug Screens - 添加一个显示当前活动屏幕的组件（响应断点）.
• Heropatterns - 添加 Hero Patterns 组件.
• Responsive Embed - 添加一个 responsive-embed 组