windicss
Go to documentationNext generation utility-first CSS framework.
v2.6.1 by
github-actions[bot]
{ "message": "You should use slots with <ContentRenderer>", "value": { "name": "v2.6.1", "tag_name": "v2.6.1", "date": "2023-04-12T12:00:03Z", "body": { "type": "root", "children": [], "toc": { "title": "", "searchDepth": 2, "depth": 2, "links": [] } }, "v": 2, "url": "https://github.com/windicss/nuxt-windicss/releases/tag/v2.6.1", "tarball": "https://api.github.com/repos/windicss/nuxt-windicss/tarball/v2.6.1", "zipball": "https://api.github.com/repos/windicss/nuxt-windicss/zipball/v2.6.1", "prerelease": false, "author": { "name": "github-actions[bot]", "url": "https://github.com/apps/github-actions", "avatar": "https://avatars.githubusercontent.com/in/15368?v=4" }, "_empty": true, "title": "", "description": "", "_type": "markdown", "_id": "github:v2.6.1.md" }, "excerpt": false, "tag": "div" }
v2.6.0 by
github-actions[bot]
v2.5.4 by
github-actions[bot]
v2.5.2 by
github-actions[bot]
{ "message": "You should use slots with <ContentRenderer>", "value": { "name": "v2.5.2", "tag_name": "v2.5.2", "date": "2022-09-09T14:56:22Z", "body": { "type": "root", "children": [], "toc": { "title": "", "searchDepth": 2, "depth": 2, "links": [] } }, "v": 2, "url": "https://github.com/windicss/nuxt-windicss/releases/tag/v2.5.2", "tarball": "https://api.github.com/repos/windicss/nuxt-windicss/tarball/v2.5.2", "zipball": "https://api.github.com/repos/windicss/nuxt-windicss/zipball/v2.5.2", "prerelease": false, "reactions": { "url": "https://api.github.com/repos/windicss/nuxt-windicss/releases/76726930/reactions", "total_count": 1, "+1": 0, "-1": 0, "laugh": 0, "hooray": 1, "confused": 0, "heart": 0, "rocket": 0, "eyes": 0 }, "author": { "name": "github-actions[bot]", "url": "https://github.com/apps/github-actions", "avatar": "https://avatars.githubusercontent.com/in/15368?v=4" }, "_empty": true, "title": "", "description": "", "_type": "markdown", "_id": "github:v2.5.2.md" }, "excerpt": false, "tag": "div" }
v2.5.0 by
github-actions[bot]
v2.4.3 by
github-actions[bot]
{ "message": "You should use slots with <ContentRenderer>", "value": { "name": "v2.4.3", "tag_name": "v2.4.3", "date": "2022-07-11T00:25:02Z", "body": { "type": "root", "children": [], "toc": { "title": "", "searchDepth": 2, "depth": 2, "links": [] } }, "v": 2, "url": "https://github.com/windicss/nuxt-windicss/releases/tag/v2.4.3", "tarball": "https://api.github.com/repos/windicss/nuxt-windicss/tarball/v2.4.3", "zipball": "https://api.github.com/repos/windicss/nuxt-windicss/zipball/v2.4.3", "prerelease": false, "author": { "name": "github-actions[bot]", "url": "https://github.com/apps/github-actions", "avatar": "https://avatars.githubusercontent.com/in/15368?v=4" }, "_empty": true, "title": "", "description": "", "_type": "markdown", "_id": "github:v2.4.3.md" }, "excerpt": false, "tag": "div" }
v2.4.2 by
github-actions[bot]
v2.4.1 by
github-actions[bot]
v2.4.0 by
github-actions[bot]
v2.3.2 by
github-actions[bot]
Chore
- Updated dependencies, fixes windicss/nuxt-windicss#174
v2.3.1 by
github-actions[bot]
v2.3.0 by
github-actions[bot]
Features
Design In DevTools
Add the import with your existing windi imports and you'll have autocompletion in your Chrome DevTools! See "Design in DevTools" for more information.
export default {
// ...
css: [
'virtual:windi.css',
'virtual:windi-devtools',
},
}

Credit to @await-ovo, thanks! 🎉
v2.2.11 by
github-actions[bot]
{ "message": "You should use slots with <ContentRenderer>", "value": { "name": "v2.2.11", "tag_name": "v2.2.11", "date": "2022-04-12T23:45:35Z", "body": { "type": "root", "children": [], "toc": { "title": "", "searchDepth": 2, "depth": 2, "links": [] } }, "v": 2, "url": "https://github.com/windicss/nuxt-windicss/releases/tag/v2.2.11", "tarball": "https://api.github.com/repos/windicss/nuxt-windicss/tarball/v2.2.11", "zipball": "https://api.github.com/repos/windicss/nuxt-windicss/zipball/v2.2.11", "prerelease": false, "author": { "name": "github-actions[bot]", "url": "https://github.com/apps/github-actions", "avatar": "https://avatars.githubusercontent.com/in/15368?v=4" }, "_empty": true, "title": "", "description": "", "_type": "markdown", "_id": "github:v2.2.11.md" }, "excerpt": false, "tag": "div" }
v2.2.10 by
github-actions[bot]
{ "message": "You should use slots with <ContentRenderer>", "value": { "name": "v2.2.10", "tag_name": "v2.2.10", "date": "2022-04-11T04:21:40Z", "body": { "type": "root", "children": [], "toc": { "title": "", "searchDepth": 2, "depth": 2, "links": [] } }, "v": 2, "url": "https://github.com/windicss/nuxt-windicss/releases/tag/v2.2.10", "tarball": "https://api.github.com/repos/windicss/nuxt-windicss/tarball/v2.2.10", "zipball": "https://api.github.com/repos/windicss/nuxt-windicss/zipball/v2.2.10", "prerelease": false, "author": { "name": "github-actions[bot]", "url": "https://github.com/apps/github-actions", "avatar": "https://avatars.githubusercontent.com/in/15368?v=4" }, "_empty": true, "title": "", "description": "", "_type": "markdown", "_id": "github:v2.2.10.md" }, "excerpt": false, "tag": "div" }
v2.2.9 by
github-actions[bot]
v2.2.8 by
github-actions[bot]
{ "message": "You should use slots with <ContentRenderer>", "value": { "name": "v2.2.8", "tag_name": "v2.2.8", "date": "2022-03-03T02:43:47Z", "body": { "type": "root", "children": [], "toc": { "title": "", "searchDepth": 2, "depth": 2, "links": [] } }, "v": 2, "url": "https://github.com/windicss/nuxt-windicss/releases/tag/v2.2.8", "tarball": "https://api.github.com/repos/windicss/nuxt-windicss/tarball/v2.2.8", "zipball": "https://api.github.com/repos/windicss/nuxt-windicss/zipball/v2.2.8", "prerelease": false, "author": { "name": "github-actions[bot]", "url": "https://github.com/apps/github-actions", "avatar": "https://avatars.githubusercontent.com/in/15368?v=4" }, "_empty": true, "title": "", "description": "", "_type": "markdown", "_id": "github:v2.2.8.md" }, "excerpt": false, "tag": "div" }
v2.2.7 by
github-actions[bot]
v2.2.6 by
github-actions[bot]
{ "message": "You should use slots with <ContentRenderer>", "value": { "name": "v2.2.6", "tag_name": "v2.2.6", "date": "2022-02-22T13:13:40Z", "body": { "type": "root", "children": [], "toc": { "title": "", "searchDepth": 2, "depth": 2, "links": [] } }, "v": 2, "url": "https://github.com/windicss/nuxt-windicss/releases/tag/v2.2.6", "tarball": "https://api.github.com/repos/windicss/nuxt-windicss/tarball/v2.2.6", "zipball": "https://api.github.com/repos/windicss/nuxt-windicss/zipball/v2.2.6", "prerelease": false, "author": { "name": "github-actions[bot]", "url": "https://github.com/apps/github-actions", "avatar": "https://avatars.githubusercontent.com/in/15368?v=4" }, "_empty": true, "title": "", "description": "", "_type": "markdown", "_id": "github:v2.2.6.md" }, "excerpt": false, "tag": "div" }
v2.2.5 by
github-actions[bot]
{ "message": "You should use slots with <ContentRenderer>", "value": { "name": "v2.2.5", "tag_name": "v2.2.5", "date": "2022-02-16T11:32:11Z", "body": { "type": "root", "children": [], "toc": { "title": "", "searchDepth": 2, "depth": 2, "links": [] } }, "v": 2, "url": "https://github.com/windicss/nuxt-windicss/releases/tag/v2.2.5", "tarball": "https://api.github.com/repos/windicss/nuxt-windicss/tarball/v2.2.5", "zipball": "https://api.github.com/repos/windicss/nuxt-windicss/zipball/v2.2.5", "prerelease": false, "author": { "name": "github-actions[bot]", "url": "https://github.com/apps/github-actions", "avatar": "https://avatars.githubusercontent.com/in/15368?v=4" }, "_empty": true, "title": "", "description": "", "_type": "markdown", "_id": "github:v2.2.5.md" }, "excerpt": false, "tag": "div" }
v2.2.4 by
github-actions[bot]
v2.2.3 by
github-actions[bot]
v2.2.2 by
harlan-zw
v2.2.0 by
harlan-zw
- fix: use static object over function as it's not working in Nuxt v2
f5993c0
v2.1.1 by
harlan-zw
- fix: hack the types for @nuxt/schema
21fb47d
v2.1.0 by
harlan-zw
Bug Fixes 🐛
- Upgraded deps, latest webpack-windicss fixes greedy pitching bug
- fixed @nuxt/kit dependency, better export of types and mjs
4abe6ee
Chore 🧹
- move to pnpm with shamefull-hoists, move playground
eb8ba6d
v2.0.15 by
harlan-zw
- fix: add edge module overrides
3ed7a70
v2.0.14 by
harlan-zw
- types: modify @nuxt/schema module
6276714
- fix: @nuxt/kit types
d482d73
v2.0.12 by
harlan-zw
v2.0.11 by
harlan-zw
- revert: alias kit-edge again, use cjsBridge
bf15303
v2.0.10 by
harlan-zw
v2.0.9 by
harlan-zw
v2.0.8 by
harlan-zw
- fix(nuxt3): resolve postcss configuration error when disabling vite
30b4436
v2.0.7 by
harlan-zw
- chore(deps): upgrade webpack-windicss-plugin @ 1.5.3
74140b8
v2.0.6 by
harlan-zw
v2.0.5 by
harlan-zw
v2.0.3 by
harlan-zw
v2.0.2 by
harlan-zw
v2.0.0 by
harlan-zw
Features 🚀
Nuxt v3/ Nuxt Bridge compatible
- migrated to @nuxt/kit
- exposes module meta
See Live example on StackBlitz
WindiCSS Analysis
Enabled via config, supported in all nuxt versions.
export default defineNuxtConfig({
buildModules: [
'nuxt-windicss',
],
windicss: {
analyze: true
}
})
Better TypeScript support
Modify your tsconfig.json
to use it.
{
"compilerOptions": {
"types": [
"nuxt-windicss"
]
}
}
Chore 🧹
- Build now using unbuild
- Project is now a monorepo supporting workspaces
- Major project code refactoring
v1.2.4 by
harlan-zw
Dependencies
- upgrade vite-plugin-windicss 1.4.2
f4ded78
v1.2.3 by
harlan-zw
v1.2.2 by
harlan-zw
v1.2.1 by
harlan-zw
v1.2.0 by
harlan-zw
v1.1.3 by
harlan-zw
v1.1.2 by
harlan-zw
- feat(hook): expose utils instance via hook
#106
v1.1.1 by
harlan-zw
- chore(dependencies): upgrade windicss-webpack-plugin@1.2.1, fixes template compiling bug
d2c3a91
v1.1.0 by
harlan-zw
v1.0.8 by
harlan-zw
v1.0.7 by
harlan-zw
v1.0.4 by
harlan-zw
- fix(config): exclude node_modules_dev
#86
v1.0.3 by
harlan-zw
- fix(build): no mjs mode
597b3f4
v1.0.2 by
harlan-zw
- fix(build): clear dist on build
01a4c8a
v1.0.1 by
harlan-zw
- chore(dependencies): upgrade windicss-webpack-plugin to 1.1.0
cc6bd33
v1.0.0 by
harlan-zw
- chore(dependencies): upgrade Windi CSS to v3.1
81ca82a
v0.8.3 by
harlan-zw
- chore(dependencies): upgrade windicss-webpack-plugin to 0.6.2
1c3de15
v0.8.2 by
harlan-zw
- @nuxt/content support: Test if markdown (#92)
#91
v0.8.1 by
harlan-zw
- fix(nuxt-content): style block leak
#90
v0.8.0 by
harlan-zw
🎉 Features
- Windi v3 support, see https://windicss.org/posts/v30.html
v0.7.5 by
harlan-zw
- feat(content): support for @nuxt/content
#89
- chore: clean up inline doc and error message
feb6275
v0.7.4 by
harlan-zw
v0.7.3 by
harlan-zw
- chore: upgrade deps & vite example
c7e890b
v0.7.2 by
harlan-zw
v0.7.1 by
harlan-zw
- chore: windicss-webpack-plugin@^0.5.0
#82
- feat: Support for passing html files
- feat: Support for all CSS language directives
v0.5.4 by
harlan-zw
v0.5.2 by
harlan-zw
- fix: async options hook and exclude .github
e7765e1
v0.5.1 by
harlan-zw
- fix: update deps
6e0e065
v0.5.0 by
harlan-zw
v0.4.11 by
harlan-zw
- revert: async / await
a147429
v0.4.10 by
harlan-zw
- fix: config hook reference issue
4aaee96
v0.4.9 by
harlan-zw
- fix: use nuxt hooks properly
d9dfaf6
v0.4.8 by
harlan-zw
- fix: show windi & version for either config type
61d2e84
v0.4.6 by
harlan-zw
v0.4.5 by
harlan-zw
v0.4.4 by
harlan-zw
- chore: windicss-webpack-plugin@0.2.5, fixes #25 (
74f59a3
)
v0.4.3 by
harlan-zw
- chore: windicss-webpack-plugin@0.2.4 (
e3e468c
)
v0.4.2 by
harlan-zw
v0.4.1 by
harlan-zw
v0.4.0 by
harlan-zw
Configuration Change
If you are using the exclude
option you will now need to make sure you specifically include the node_modules and .git folders such as
exclude: [
'node_modules',
'.git',
'.nuxt/**/*',
'*.template.html',
'app.html'
]
This is so users can target specific paths within node_modules.
Chore
- update vite-plugin-windicss (
2bdd825
) - update windicss-webpack-plugin (
622c1e2
)
v0.3.2 by
harlan-zw
v0.3.1 by
harlan-zw
- chore: update deps (
fd68613
)
v0.3.0 by
harlan-zw
Package Renamed
⚠️ Package name has been renamed from nuxt-windicss-module
to nuxt-windicss
.
Migration steps:
- Replace the package
yarn remove nuxt-windicss-module
yarn add -D nuxt-windicss
- Replace the nuxt.config.js config
// nuxt.config.js
buildModules: [
- 'nuxt-windicss-module',
+ 'nuxt-windicss',
],
Other Updates
- chore: update install and usage for new package name (
04d01dc
) - chore: rename package to nuxt-windicss (
e66d5e2
) - refactor: don't rely on knowing whether
nuxt-vite
is installed (#15) (72615d9
) - chore: updated documentation due to #9 (
403ed62
)
Thanks to:
v0.2.3 by
harlan-zw
v0.2.2 by
harlan-zw
v0.2.0 by
harlan-zw
- feat: vite module support (
0f957e7
)
v0.1.11 by
harlan-zw
- chore: update dep (
8bcb108
)