{"id":28541476,"url":"https://github.com/windicss/vue-cli-plugin-windicss","last_synced_at":"2025-08-30T16:38:13.805Z","repository":{"id":44423490,"uuid":"350323396","full_name":"windicss/vue-cli-plugin-windicss","owner":"windicss","description":"🍃 Windi CSS for Vue CLI ⚡","archived":false,"fork":false,"pushed_at":"2022-07-11T00:46:30.000Z","size":4906,"stargazers_count":16,"open_issues_count":6,"forks_count":4,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-08-21T06:56:15.053Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/windicss.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-03-22T11:47:55.000Z","updated_at":"2023-11-16T10:50:27.000Z","dependencies_parsed_at":"2022-09-02T15:23:27.381Z","dependency_job_id":null,"html_url":"https://github.com/windicss/vue-cli-plugin-windicss","commit_stats":null,"previous_names":[],"tags_count":22,"template":false,"template_full_name":null,"purl":"pkg:github/windicss/vue-cli-plugin-windicss","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/windicss%2Fvue-cli-plugin-windicss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/windicss%2Fvue-cli-plugin-windicss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/windicss%2Fvue-cli-plugin-windicss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/windicss%2Fvue-cli-plugin-windicss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/windicss","download_url":"https://codeload.github.com/windicss/vue-cli-plugin-windicss/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/windicss%2Fvue-cli-plugin-windicss/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272878209,"owners_count":25008340,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-30T02:00:09.474Z","response_time":77,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-06-09T20:08:46.362Z","updated_at":"2025-08-30T16:38:13.787Z","avatar_url":"https://github.com/windicss.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align='center'\u003evue-cli-plugin-windicss\u003c/h1\u003e\n\n\u003cp align='center'\u003e\u003ca href=\"https://github.com/windicss/windicss\"\u003eWindi CSS\u003c/a\u003e for Vue CLI, it's fast! ⚡️\u003cbr\u003e\n\u003csup\u003e\u003cem\u003ea.k.a On-demand Tailwind CSS\u003c/em\u003e\u003c/sup\u003e\n\u003c/p\u003e\n\n\u003cp align='center'\u003e\n\u003ca href='https://www.npmjs.com/package/vue-cli-plugin-windicss'\u003e\n\u003cimg src='https://img.shields.io/npm/v/vue-cli-plugin-windicss?color=0EA5E9\u0026label='\u003e\n\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align='center'\u003e\n\u003ca href='https://twitter.com/antfu7/status/1361398324587163648'\u003e⚡️ See speed comparison with Tailwind\u003c/a\u003e\n\u003c/p\u003e\n\n## Features\n\n- ⚡️ **It's FAST** - 20~100x times faster than [vue-cli-plugin-tailwind](https://github.com/forsartis/vue-cli-plugin-tailwind)\n- 🧩 On-demand CSS utilities (Compatible with Tailwind CSS v2) and native elements style resetting\n- 🍃 Load configurations from `tailwind.config.js`\n- 📄 Use `@apply` / `@screen` directives in any file: Vue SFC, Less, SCSS, SASS, PostCSS, Stylus\n- 🎳 Support Utility Groups - e.g. `bg-gray-200 hover:(bg-gray-100 text-red-300)`\n\n## Setup\n\nInstall using Vue CLI. (Vue CLI 4+ is recommended)\n\n```bash\nvue add windicss\n```\n\n### Import\n\nMake sure the import for Windi CSS is within your `main.js` file, the above should do it for you.\n\n```\nimport 'windi.css'\n```\n\n## Configuration\n\nYou can change the behaviour of the plugin by modifying the options in `./vue.config.js`.\n\n```js\n// vue.config.js\nmodule.exports = {\n  pluginOptions: {\n    windicss: {\n      // see https://github.com/windicss/vite-plugin-windicss/blob/main/packages/plugin-utils/src/options.ts\n    }\n  }\n}\n```\n\nIf you have a `tailwind.config.js`, please rename it to `windi.config.js` or `windi.config.ts`.\n\nSee [here](https://windicss.netlify.app/guide/configuration.html) for configuration details.\n\n\n## Migrating\n\nIf you were previously using `vue-cli-plugin-tailwind`, please consult the [documentation](https://windicss.netlify.app/guide/migration.html) on migrating.\n\n```bash\nyarn remove vue-cli-plugin-tailwind\n```\n\n## Configuration\n\n- Default:\n```js\nexport default {\n  scan: {\n    dirs: ['src', 'public'],\n    exclude: [\n      'node_modules',\n      '.git',\n    ],\n    include: []\n  },\n}\n```  \n\n- See [options.ts](https://github.com/windicss/vite-plugin-windicss/blob/main/packages/plugin-utils/src/options.ts) for configuration reference.\n\n### Examples\n\n#### Disable Preflight\n\n_vue.config.js_\n```js\nmodule.exports = {\n  // ...\n  pluginOptions: {\n    windicss: {\n      preflight: false,\n    }\n  }\n}\n```\n\n## Credits\n\n- [Windy CSS team](https://github.com/windicss) \n\n## Sponsors\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://raw.githubusercontent.com/harlan-zw/static/main/sponsors.svg\"\u003e\n    \u003cimg src='https://raw.githubusercontent.com/harlan-zw/static/main/sponsors.svg'/\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## License\n\nMIT License © 2021 [Harlan Wilton](https://github.com/harlan-zw)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwindicss%2Fvue-cli-plugin-windicss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwindicss%2Fvue-cli-plugin-windicss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwindicss%2Fvue-cli-plugin-windicss/lists"}