{"id":13417169,"url":"https://github.com/windicss/vite-plugin-windicss","last_synced_at":"2025-10-19T10:05:16.106Z","repository":{"id":37413556,"uuid":"338625426","full_name":"windicss/vite-plugin-windicss","owner":"windicss","description":"🍃 Windi CSS for Vite ⚡️","archived":false,"fork":false,"pushed_at":"2024-11-29T06:45:46.000Z","size":1585,"stargazers_count":855,"open_issues_count":34,"forks_count":65,"subscribers_count":8,"default_branch":"main","last_synced_at":"2025-05-05T06:05:35.413Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null},"funding":{"github":"antfu"}},"created_at":"2021-02-13T17:10:05.000Z","updated_at":"2025-03-30T00:47:46.000Z","dependencies_parsed_at":"2023-02-16T03:20:38.452Z","dependency_job_id":"81b987fc-ba61-4314-b1c7-966848092e9e","html_url":"https://github.com/windicss/vite-plugin-windicss","commit_stats":{"total_commits":640,"total_committers":41,"mean_commits":"15.609756097560975","dds":"0.13749999999999996","last_synced_commit":"942294f64a0536fdd93b616a1727a038329bbcf8"},"previous_names":["antfu/vite-plugin-windicss"],"tags_count":229,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/windicss%2Fvite-plugin-windicss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/windicss%2Fvite-plugin-windicss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/windicss%2Fvite-plugin-windicss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/windicss%2Fvite-plugin-windicss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/windicss","download_url":"https://codeload.github.com/windicss/vite-plugin-windicss/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253258947,"owners_count":21879732,"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","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":"2024-07-30T22:00:33.339Z","updated_at":"2025-10-19T10:05:11.060Z","avatar_url":"https://github.com/windicss.png","language":"TypeScript","funding_links":["https://github.com/sponsors/antfu"],"categories":["Plugins","TypeScript"],"sub_categories":["Framework-agnostic Plugins"],"readme":"\u003cp align=\"center\" style=\"background-color: #FFFF99; padding: 15px; border-radius: 5px;\"\u003e\n  \u003cstrong\u003e⚠️ Windi CSS is Sunsetting ⚠️\u003c/strong\u003e\u003cbr\u003e\n  We are sunsetting Windi CSS and we recommend new projects to seek for alternatives. Read the \u003ca href=\"https://windicss.org/posts/sunsetting.html\"\u003efull blog post\u003c/a\u003e.\n\u003c/p\u003e\n\n\u003chr\u003e\n\n\u003ch1 align='center'\u003evite-plugin-windicss\u003c/h1\u003e\n\n\u003cp align='center'\u003e\u003ca href=\"https://github.com/voorjaar/windicss\"\u003eWindi CSS\u003c/a\u003e for Vite, it's fast! ⚡️\u003cbr\u003e\n\u003c/p\u003e\n\n\u003cp align='center'\u003e\n\u003ca href='https://www.npmjs.com/package/vite-plugin-windicss'\u003e\n\u003cimg src='https://img.shields.io/npm/v/vite-plugin-windicss?color=0EA5E9\u0026label='\u003e\n\u003c/a\u003e\n\u003c/p\u003e\n\n## Features\n\n- ⚡️ **It's FAST** - 20~100x times faster than Tailwind on Vite\n- 🧩 On-demand CSS utilities (Fully compatible with Tailwind CSS v2)\n- 📦 On-demand native elements style reseting (preflight)\n- 🔥 Hot module replacement (HMR)\n- 🍃 Load configurations from `tailwind.config.js`\n- 🤝 Framework-agnostic - Vue, React, Svelte and vanilla!\n- 📄 CSS `@apply` / `@screen` directives transforms (also works for Vue SFC's `\u003cstyle\u003e`)\n- 🎳 Support Variant Groups - e.g. `bg-gray-200 hover:(bg-gray-100 text-red-300)`\n- 😎 [\"Design in Devtools\"](#design-in-devtools) - if you work this way in the traditional Tailwind, no reason we can't!\n\n## Documentation\n\nRead the [documentation](https://windicss.org/integrations/vite.html) for more details.\n\n## New Features in v3.0\n\n### [Attributify Mode](https://windicss.org/posts/v30.html#attributify-mode)\n\nEnabled it by \n\n```ts\n// windi.config.ts\nexport default {\n  attributify: true,\n}\n```\n\nAnd use them as you would like:\n\n```html\n\u003cbutton \n  bg=\"blue-400 hover:blue-500 dark:blue-500 dark:hover:blue-600\"\n  text=\"sm white\"\n  font=\"mono light\"\n  p=\"y-2 x-4\"\n  border=\"2 rounded blue-200\"\n\u003e\n  Button\n\u003c/button\u003e\n```\n\n#### Prefix\n\nIf you are concerned about naming confliction, you can add custom prefix to attributify mode by:\n\n```ts\n// windi.config.ts\nexport default {\n  attributify: {\n    prefix: 'w:',\n  },\n}\n```\n\n```html\n\u003cbutton \n  w:bg=\"blue-400 hover:blue-500 dark:blue-500 dark:hover:blue-600\"\n  w:text=\"sm white\"\n  w:font=\"mono light\"\n  w:p=\"y-2 x-4\"\n  w:border=\"2 rounded blue-200\"\n\u003e\n  Button\n\u003c/button\u003e\n```\n\n### [Alias Config](https://windicss.org/posts/v30.html#alias-config)\n\n```ts\n// windi.config.ts\nexport default {\n  alias: {\n    'hstack': 'flex items-center',\n    'vstack': 'flex flex-col',\n    'icon': 'w-6 h-6 fill-current',\n    'app': 'text-red',\n    'app-border': 'border-gray-200 dark:border-dark-300',\n  },\n}\n```\n\n## Sponsors\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg\"\u003e\n    \u003cimg src='https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg'/\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## License\n\nMIT License \u0026copy; 2021 [Anthony Fu](https://github.com/antfu)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwindicss%2Fvite-plugin-windicss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwindicss%2Fvite-plugin-windicss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwindicss%2Fvite-plugin-windicss/lists"}