此示例显示了如何将 （v2）与一起使用，以便为您的网站和应用程序实现非常动态的主题解决方案。 我正在为TailwindCSS使用新的引擎，尽管这不是 。 这是为了获得视频中显示的结果而涉及的文件列表： root ├── components/ │ └── ThemeSwitcher.js ├── hooks/ │ └── useTheme.js ├── pages/ │ ├── _app.js │ └── index.js ├── styles/ │ └── globals.css └── tailwind.config.js 谢谢收看

Figma编码 大多数设计到代码的插件都是不好的，有些甚至是付费的。 该项目旨在通过在 ， 和生成响应式布局来提高。 该计划最终将增加对以及可能的标准HTML或其他框架（如 ， 或。 反馈，想法和合作伙伴表示赞赏！ 这个怎么运作 该插件采用了一种非常规的方法来提高代码质量：它甚至在转换为代码之前就优化了布局。 标准的Figma（代表每个图层）很有趣，但是如果不修改用户项目就无法修改图层。 因此，我决定对其进行虚拟化，重新制作正式的实现并命名为AltNodes 。 在将Node转换为AltNode的过程中，插件将执行以下操作： 该过程也可以看作是并且可能有一天可以允许该插件在Figma之外居住。 硬箱 当找到未知对象（一个或多个带有多个子对象且没有垂直或水平对齐方式的Group或Frame ）时，Tailwind模式将使用作为最佳情况，而使用标准CSS的left和top作为最坏情况。 Flutter模式使用Stack和Positioned.fill 。 通常不建议两者都使用，它们很容易破坏响应能力。 在许多情况下，只需将某些元素包装在“ Group或“ Frame即可解决： 提示：

创建 Tailwind CSS 样板 一个简单的 Tailwind CSS 样板。 它创建了一个简单的 HTML + CSS 模板，支持 ，由提供服务，并在生产版本中使用 。 入门 要求 建议使用，但不是必需的。 如果没有找到 Yarn，该项目将使用进行设置。 创建样板 $ yarn create tailwindcss-boilerplate # or $ npx create-tailwindcss-boilerplate 按照提示中的说明创建项目： ? Name your project root directory my-project :check_mark: Create directory structure :check_mark: Create project files :check_mark: Create templates :check_mark: Set up dependencies 运行服务器 $ yarn dev 打

Joomla 的 XT 顺风 备查： 。 关于 Joomla 上 Tailwind 的问答。 先决条件：在使用此模板之前，您必须安装 该项目有两个存储库： Joomla 扩展构建文件，在此存储库中： Tailwind 模板本身，在此存储库中： 。 依赖通过 composer 插件进行管理，以下载模板文件夹中的template文件。 要在模板的上下文中进行开发和设计，请转到 。 Joomla 扩展构建文件 要构建扩展以创建安装程序包： 有关构建脚本的更多信息，请访问 。 # Using npm npm install npm run build 还有一个脚本，其中包含每个构建必须完成的所有操作，以确保所有内容都更新到最新版本： ./build/build_core.sh 这些步骤在build/release目录中创建可安装包。 用于构建扩展的原始 XT 构建文件

Admin One是一款简单、美观且免费的 Tailwind CSS 管理仪表板 在 MIT 许可下免费 使用 Tailwind CSS 框架构建 纯 HTML 和 CSS 没有js框架依赖 即用型 CSS 文件 可用 目录 其他版本 这是纯 HTML/CSS Tailwind CSS 管理仪表板版本 Tailwind 管理仪表板纯 HTML/CSS 自由 Tailwind 管理仪表板Vue.js 3 免费| 优质的 演示 免费仪表板演示 https://justboil.github.io/admin-one-tailwind/ 高级 Vue.js 3 仪表板演示 https://tailwind-vue.justboil.me/ 快速开始 获取回购 从此模板创建新仓库 ... 或者在 GitHub 上克隆 repo ...或从 GitHub下载 .zip HTML 和

nextjs-tailwindcss模板 next.js模板包括tailwindcss，检查出的分支，如果你需要在风格，JSX @apply规则支持。 特征 包括尾风 包括postcss-preset-env 现在在生产版本上使用tailwindcss 1.4.x清除方法 用法 克隆此仓库 npm安装 npm run dev 笔记 styles / main.css styles / main.css文件包含tailwindcss导入，还支持全局样式。 它由postcss处理，并与postcss-preset-env一起支持嵌套和其他有趣的东西。 postcss.config.js postcss的配置文件。 tailwind.config.js您应该知道该文件，它是使用npx tailwindcss init生成的默认配置。 这是您的tailwindcss配置所在的位置。 pa

tailwindcss-sketch-kit：:gem_stone:适用于Tailwind CSS的Sketch UI工具包

天气应用 描述 预测当天和未来 5 天天气的 Web 应用程序。 库和依赖项 ：用于开发用户界面的框架。 ：CSS 实用程序框架。 ：基于承诺的 HTTP 客户端。 学分 该应用程序的灵感来自于创建的 Android 应用程序 。

Tailwind Inter插件 TailwindCSS插件，可与Rasmus Andersson Inter Typeface集成。 它添加了.font-inter类以应用Inter字体系列，根据调整每种字体大小的字母间距，并允许切换字体功能设置。 （可选）从添加@font-face 。 该插件的灵感来自Imam Susanto 开发的 插件。 安装 # with npm npm install --save-dev tailwindcss-font-inter # or with yarn yarn add --dev tailwindcss-font-inter 用法 将插件添加到您的tailwind.config.js ： // tailwind.config.js module . exports = { theme : { extend : { }

Tailwind CSS组件集合