{"id":13480468,"url":"https://github.com/tqwewe/prettier-plugin-tailwind","last_synced_at":"2025-04-05T15:08:31.486Z","repository":{"id":42701306,"uuid":"236542869","full_name":"tqwewe/prettier-plugin-tailwind","owner":"tqwewe","description":"Sort tailwind classes in HTML with Prettier.","archived":false,"fork":false,"pushed_at":"2023-05-07T20:58:38.000Z","size":160,"stargazers_count":430,"open_issues_count":29,"forks_count":25,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-29T14:11:22.326Z","etag":null,"topics":["html","prettier","prettier-plugin","sort-tailwind","sorter","tailwind","vscode"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/prettier-plugin-tailwind","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/tqwewe.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,"publiccode":null,"codemeta":null},"funding":{"github":["tqwewe"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2020-01-27T16:59:02.000Z","updated_at":"2025-03-15T09:17:34.000Z","dependencies_parsed_at":"2024-06-18T13:41:00.370Z","dependency_job_id":"01a93e3a-175f-42b3-ab15-54bd73a436be","html_url":"https://github.com/tqwewe/prettier-plugin-tailwind","commit_stats":null,"previous_names":["acidic9/prettier-plugin-tailwind"],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tqwewe%2Fprettier-plugin-tailwind","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tqwewe%2Fprettier-plugin-tailwind/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tqwewe%2Fprettier-plugin-tailwind/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tqwewe%2Fprettier-plugin-tailwind/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tqwewe","download_url":"https://codeload.github.com/tqwewe/prettier-plugin-tailwind/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247353746,"owners_count":20925329,"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":["html","prettier","prettier-plugin","sort-tailwind","sorter","tailwind","vscode"],"created_at":"2024-07-31T17:00:40.135Z","updated_at":"2025-04-05T15:08:31.467Z","avatar_url":"https://github.com/tqwewe.png","language":"TypeScript","funding_links":["https://github.com/sponsors/tqwewe","https://www.buymeacoffee.com/ariseyhun"],"categories":["TypeScript","Tools"],"sub_categories":[],"readme":"| ⚠️ WARNING: this package is no longer maintained. ⚠️ |\n| --- |\n| Please use the official [`prettier-plugin-tailwindcss`](https://github.com/tailwindlabs/prettier-plugin-tailwindcss) package instead. |\n\nIt was a pleasure developing this package and I hope it served you all well (:\n\n---\n\n[![npm version](https://badge.fury.io/js/prettier-plugin-tailwind.svg)](https://badge.fury.io/js/prettier-plugin-tailwind)\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/Acidic9/prettier-plugin-tailwind/master/banner.png\"\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003ePrettier Plugin Tailwind\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n\tSort tailwind classes with Prettier.\n\u003c/div\u003e\n\n\u003cbr\u003e\n\nSupports\n\n- HTML\n- CSS (@apply directive)\n- ReactJS (JSX, TSX)\n- VueJS\n- [twin.macro](https://github.com/ben-rogerson/twin.macro)\n\n**Go from this:**\n\n```html\n\u003cdiv class=\"z-50 z-10 container  text-left md:text-center justify-center\"\u003e\n\t...\n\u003c/div\u003e\n```\n\n**To this:**\n\n```html\n\u003cdiv class=\"container justify-center text-left z-10 z-50 md:text-center\"\u003e\n\t...\n\u003c/div\u003e\n```\n\nThis plugin reads your `tailwind.config.js` to sort tailwind classes in your project.\n\n## Installation VSCode\n\nInstall Prettier and the plugin into your project locally:\n\n```bash\nyarn add --dev prettier prettier-plugin-tailwind\n```\n\n**Other IDE's are supported.**\n\nNote: Prettier 2.0.0 or greater is required as a peer dependency.\n\n## Prettier Options\n\nThese options can be set in your `.prettierrc` file to change the behavious of this plugin.\n\n- [**`twConfig`**](OPTIONS.md#twconfig) - Path to tailwind config relative to the root of the project.\n- [**`twPluginsOrder`**](OPTIONS.md#twpluginsorder) - Comma separated order of tailwind plugins to sort classes by.\n- [**`twClassesPosition`**](OPTIONS.md#twclassesposition) - Position of component and utility classes.\n- [**`twUnknownClassesPosition`**](OPTIONS.md#twunknownclassesposition) - Position of unknown classes.\n- [**`twJsxClassAttributes`**](OPTIONS.md#twjsxclassattributes) - Comma separated list of JSX attributes to sort tailwind classes in.\n- [**`twSortFunctions`**](OPTIONS.md#twsortfunctions) - Comma separated list of function names to sort classes in arguments.\n\nMore details can be found in [OPTIONS.md](OPTIONS.md)\n\n## Contributing 🙌\n\nContributions are more than welcome. If you see any changes fit, go ahead and open an issue or PR.\n\n---\n\nAny support is a huge motivation, thank you very much!\n\n\u003ca href=\"https://www.buymeacoffee.com/ariseyhun\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/default-orange.png\" alt=\"Buy Me A Coffee\" height=\"32\" width=\"140\"\u003e\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftqwewe%2Fprettier-plugin-tailwind","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftqwewe%2Fprettier-plugin-tailwind","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftqwewe%2Fprettier-plugin-tailwind/lists"}