76

0

Windi CSS

下一代实用优先的 CSS 框架。

Windi CSS

Npm 版本 总下载量 构建状态 覆盖范围 不和谐聊天

下一代实用程序优先的 CSS 框架。

如果您已经熟悉 Tailwind CSS,请将 Windi CSS 视为 Tailwind 的按需替代品,它提供更快的加载时间, 与 Tailwind v2.0 完全兼容, 并具有许多额外的酷功能。

为什么选择 Windi CSS?🤔

作者的一句话应该说明他创建Windi CSS的动机:

当我的项目变大,大约有几十个组件时,初始编译时间达到 3s,使用 Tailwind CSS 热更新需要 1s 多。- @voorjaar

通过扫描您的 HTML 和 CSS 并按需生成实用程序,Windi CSS能够在开发中提供更快的加载时间和快速的 HMR,并且不需要在生产中进行清除。

在简介中阅读有关它的更多信息。

集成

Windi CSS 为您喜欢的工具提供一流的集成,选择您的工具并开始使用。

构架 包裹 版本
命令行界面 内置
VSCode 扩展 windicss-intellisense
Vite vite-plugin-windicss
Rollup Rollup-windicss
webpack windicss-webpack-插件
nuxt nuxt-windicss
svelte svelte-windicss-预处理
StencilJS stencil-windicss^社区^

插件🛠

查看可用于 windicss 的插件

文档📖

检查文档网站