![\"Windi](\"https://next.windicss.org/assets/logo.svg\"){kind=logo}
\n\n Windi CSS\n
\n ![\"Npm](\"https://img.shields.io/npm/v/windicss.svg?color=0EA5E9\")
\n ![\"Total](\"https://img.shields.io/npm/dt/windicss.svg?color=1388bd\")
\n ![\"Build](\"https://img.shields.io/github/workflow/status/windicss/windicss/Node.js%20CI\")
![\"Coverage\"](\"https://img.shields.io/codecov/c/github/windicss/windicss/dev.svg?sanitize=true\")
\n
\n ![\"Discord](\"https://img.shields.io/badge/chat-discord-blue?style=flat&logo=discord&logoColor=white&label=&color=7289da\"){kind=icon}
\n
Next generation utility-first CSS framework.
\n\n\nIf you are already familiar with Tailwind CSS, think about Windi CSS as an on-demanded alternative to Tailwind, which provides faster load times, fully compatible with Tailwind v2.0 and with a bunch of additional cool features.\n
\n\n[windi css]: https://windicss.org\n[website]: https://windicss.org\n[video comparison]: https://twitter.com/antfu7/status/1361398324587163648\n\n## Why Windi CSS? ????\n\nA quote from the author should illustrate his motivation to create [Windi CSS]:\n\n> When my project became larger and there were about dozens of components, the initial compilation time reached 3s, and hot updates took more than 1s with Tailwind CSS. - [@voorjaar](https://github.com/voorjaar)\n\nBy scanning your HTML and CSS and generating utilities on demand, [Windi CSS] is able to provide [faster load times][video comparison] and a speedy HMR in development, and does not require purging in production.\n\nRead more about it in the [Introduction](https://windicss.org/guide/).\n\n## Integrations\n\nWindi CSS provides first-class integrations for your favorite tools, select yours and get started.\n\n| Frameworks | Package | Version |\n| :-- | :-- | :-- |\n| CLI | [Built-in](https://windicss.org/guide/cli) |  |\n| VSCode Extension | [windicss-intellisense](https://github.com/windicss/windicss-intellisense) |  |\n| Vite | [vite-plugin-windicss](https://github.com/windicss/vite-plugin-windicss) |  |\n| Rollup | [rollup-plugin-windicss](https://github.com/windicss/vite-plugin-windicss/tree/main/packages/rollup-plugin-windicss) |  |\n| Webpack | [windicss-webpack-plugin](https://github.com/windicss/windicss-webpack-plugin) |  |\n| Nuxt | [nuxt-windicss](https://github.com/windicss/nuxt-windicss-module) |  |\n| Svelte | [svelte-windicss-preprocess](https://github.com/windicss/svelte-windicss-preprocess) |  |\n| StencilJS | [stencil-windicss](https://github.com/codeperate/stencil-windicss)Community |  |\n\n## Plugins ????\n\nCheck out [plugins available for windicss](https://github.com/windicss/plugins).\n\n## Documentation ????\n\nCheck [the documentation website][website].\n\n## Discussions\n\nWe’re using [GitHub Discussions](https://github.com/windicss/windicss/discussions) as a place to connect with other members of our community. You are free to ask questions and share ideas, so enjoy yourself.\n\n## Contributing\n\nIf you're interested in contributing to windicss, please read our [contributing docs](https://github.com/windicss/windicss/blob/main/CONTRIBUTING.md) **before submitting a pull request**.\n\n## Sponsors\n\n\n![](\"https://opencollective.com/windicss/sponsors.svg\")
\n\n\n## Backers\n\n ![](\"https://opencollective.com/windicss/backers.svg\")
\n\n\n## License\n\nDistributed under the [MIT License](https://github.com/windicss/windicss/blob/main/LICENSE).\n","_attachments":{},"homepage":"https://github.com/windicss/windicss","bugs":{"url":"https://github.com/windicss/windicss/issues"},"license":"MIT"}