{"id":21164530,"url":"https://github.com/dioxusplugincommunity/tailwind-plugin","last_synced_at":"2025-07-09T16:33:20.165Z","repository":{"id":151894411,"uuid":"624091915","full_name":"DioxusPluginCommunity/tailwind-plugin","owner":"DioxusPluginCommunity","description":"WIP Tailwind CSS plugin for Dioxus CLI","archived":false,"fork":false,"pushed_at":"2023-04-24T15:29:55.000Z","size":46,"stargazers_count":6,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-05T03:02:57.513Z","etag":null,"topics":["dioxus","plugin","tailwindcss"],"latest_commit_sha":null,"homepage":"","language":"Lua","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/DioxusPluginCommunity.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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,"publiccode":null,"codemeta":null}},"created_at":"2023-04-05T18:18:32.000Z","updated_at":"2024-05-10T19:50:28.000Z","dependencies_parsed_at":"2023-05-15T05:45:28.510Z","dependency_job_id":null,"html_url":"https://github.com/DioxusPluginCommunity/tailwind-plugin","commit_stats":null,"previous_names":["dioxusplugincommunity/tailwind-plugin"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/DioxusPluginCommunity/tailwind-plugin","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DioxusPluginCommunity%2Ftailwind-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DioxusPluginCommunity%2Ftailwind-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DioxusPluginCommunity%2Ftailwind-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DioxusPluginCommunity%2Ftailwind-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DioxusPluginCommunity","download_url":"https://codeload.github.com/DioxusPluginCommunity/tailwind-plugin/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DioxusPluginCommunity%2Ftailwind-plugin/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264494969,"owners_count":23617474,"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":["dioxus","plugin","tailwindcss"],"created_at":"2024-11-20T14:06:21.236Z","updated_at":"2025-07-09T16:33:19.127Z","avatar_url":"https://github.com/DioxusPluginCommunity.png","language":"Lua","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tailwind CSS for Dioxus\nTailwind CSS plugin for [Dioxus CLI]. Currenly a very early WIP.\n\n## Goals\n* Download Tailwind automatically on first run, making sure it downloads the right executable for your OS\n* On first run, generate default config files without overwriting existing ones.\n* Regenerate CSS on each reload\n* Redownload Tailwind if it disappears\n\nWe're still figuring out the full scope of the plugin. If you're interested in using it but a feature that you need is missing, open an issue and let us know!\n\n## Usage\nThe plugin system is still in development, so these steps will change frequently and will cover only new projects. A guide to migrate existing projects will be added once the plugin system is finalized and released.\n\nFor now, you will first need to install @mrxiaozhuox's fork of Dioxus CLI:\n\n```bash\ncargo install --git https://github.com/mrxiaozhuox/dioxus-cli\n```\n\nOnce installed, you can create a new project and initialize the plugin system:\n\n```bash\ndioxus create \u003cproject-name\u003e\ncd \u003cproject-name\u003e\ndioxus plugin init\n```\n\nNow we can finally install the plugin:\n\n```bash\ndioxus plugin add --git https://github.com/DioxusPluginCommunity/tailwind-plugin\n```\n\u003cstrong\u003eNOTE: Notice the lack of a trailing slash at the end - if you include it the plugin will not install. Bug in CLI.\u003c/strong\u003e\n\nRun `dioxus plugin list` to make sure it's installed correctly. The plugin should initialize and start downloading Tailwind and add two default config files to your project (src/tailwind.config.js and src/input.css).\n\nBy default, the plugin generates the CSS file at `./public/style.css`. Let's add that path in `Dioxus.toml` so the CLI knows where to find it.\nKeep in mind the CLI looks by default in the public folder, so we just need to specify the filename, not the full path:\n\n```toml\n# CSS style file\nstyle = [\"style.css\"]\n```\n\nNow, we should be good to go! Run `dioxus serve` and you should see Tailwind CSS working. As you change any *.rs files, the plugin will automatically regenerate the CSS file as the server reloads.\n## Contributing\nAll contributions are welcome! Please feel free to open an issue or a pull request.\n## License\nThis project is licensed under the [MIT license](https://github.com/DioxusPluginCommunity/tailwind-plugin/blob/main/LICENSE).\n\nUnless you explicitly state otherwise, any contribution intentionally submitted\nfor inclusion in this project, shall be licensed as MIT, without any additional\nterms or conditions. We reserve the right to reject contributions that will not be licensed as such.\n\n[Dioxus CLI]: https://github.com/DioxusLabs/cli\n[Tailwind CLI]: https://github.com/tailwindlabs/tailwindcss/releases \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdioxusplugincommunity%2Ftailwind-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdioxusplugincommunity%2Ftailwind-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdioxusplugincommunity%2Ftailwind-plugin/lists"}