{"id":15118325,"url":"https://github.com/astahmer/tw2panda","last_synced_at":"2025-06-16T19:09:07.240Z","repository":{"id":180706352,"uuid":"659496105","full_name":"astahmer/tw2panda","owner":"astahmer","description":"Easily migrate code from tailwind to Panda CSS","archived":false,"fork":false,"pushed_at":"2024-05-23T12:39:01.000Z","size":515,"stargazers_count":124,"open_issues_count":6,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-05-06T20:55:51.431Z","etag":null,"topics":["cli","extension","migration","panda","tailwind","vscode"],"latest_commit_sha":null,"homepage":"https://tailwind-to-panda.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/astahmer.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-06-28T01:07:34.000Z","updated_at":"2025-03-04T03:33:56.000Z","dependencies_parsed_at":"2024-02-07T18:48:18.358Z","dependency_job_id":null,"html_url":"https://github.com/astahmer/tw2panda","commit_stats":null,"previous_names":["astahmer/tw2panda"],"tags_count":8,"template":false,"template_full_name":"astahmer/tailwind-to-css-in-js","purl":"pkg:github/astahmer/tw2panda","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/astahmer%2Ftw2panda","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/astahmer%2Ftw2panda/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/astahmer%2Ftw2panda/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/astahmer%2Ftw2panda/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/astahmer","download_url":"https://codeload.github.com/astahmer/tw2panda/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/astahmer%2Ftw2panda/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260221556,"owners_count":22976867,"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":["cli","extension","migration","panda","tailwind","vscode"],"created_at":"2024-09-26T01:46:13.338Z","updated_at":"2025-06-16T19:09:07.210Z","avatar_url":"https://github.com/astahmer.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# tw2panda\n\nEasily migrate code from tailwind to Panda CSS\n\n![Screenshot 2023-08-08 at 01 34 49](https://github.com/astahmer/tw2panda/assets/47224540/47992889-6330-47fa-8e15-a0ccd2e4ae02)\n\n## Features\n\n- `rewrite`, `extract` and `convert` CLI commands\n- use your own custom [`panda.config`](https://panda-css.com/docs/references/config) and/or custom `tailwind.config`\n  file\n- also rewrites [`class-variance-authority`](https://cva.style/docs) to panda's\n  [`cva`](https://panda-css.com/docs/concepts/recipes#atomic-recipe-or-cva) function\n\nYou can look at this file for an example of what it can do:\n[example](./packages/tw2panda/tests/rewrite-tw-file-content-to-panda.test.ts)\n\n## VSCode extension\n\nSelect the text you want to convert and run the `tw2panda: Rewrite tw to Panda CSS` command.\nhttps://marketplace.visualstudio.com/items?itemName=astahmer.tw2panda-vscode\n\n## Install \u0026 usage\n\n```sh\npnpm add tw2panda\n```\n\nIt exports a bunch of functions that can be used to build your own tooling on top of it. You can look at the\n[CLI code](packages/tw2panda/src/cli.ts) or the\n[tests](packages/tw2panda/tests/rewrite-tw-file-content-to-panda.test.ts) to see how it can be used.\n\n## CLI\n\n```sh\nnpx tw2panda -h\n```\n\n```sh\ntw2panda/0.1.0\n\nUsage:\n  $ tw2panda \u003ccommand\u003e [options]\n\nCommands:\n  rewrite \u003cfile\u003e       Output the given file converted to panda, doesn't actually write to disk unless using -w\n  extract \u003cfile\u003e       Extract each tailwind candidate and show its converted output, doesn't actually write to disk\n  convert \u003cclassList\u003e  Example: inline-flex disabled:pointer-events-none underline-offset-4\n\nFor more info, run any command with the `--help` flag:\n  $ tw2panda rewrite --help\n  $ tw2panda extract --help\n  $ tw2panda convert --help\n\nOptions:\n  -h, --help     Display this message\n  -v, --version  Display version number\n```\n\n### rewrite\n\n```sh\nUsage:\n  $ tw2panda rewrite \u003cfile\u003e\n\nOptions:\n  --tw, --tailwind \u003cfile\u003e  Path to tailwind.config.js\n  -w, --write              Write to disk instead of stdout\n  -s, --shorthands         Use shorthands instead of longhand properties\n  -c, --config \u003cpath\u003e      Path to panda config file\n  --cwd \u003ccwd\u003e              Current working directory (default: /Users/astahmer/dev/alex/tailwind-to-css-in-js/packages/tw2panda)\n  -h, --help               Display this message\n```\n\n### extract\n\n```sh\nUsage:\n  $ tw2panda extract \u003cfile\u003e\n\nOptions:\n  --tw, --tailwind \u003cfile\u003e  Path to tailwind.config.js\n  -s, --shorthands         Use shorthands instead of longhand properties\n  -h, --help               Display this message\n```\n\n### convert\n\n```sh\nUsage:\n  $ tw2panda convert \u003cclassList\u003e\n\nOptions:\n  -s, --shorthands  Use shorthands instead of longhand properties\n  -h, --help        Display this message\n```\n\n## Alternatives\n\nhttps://github.com/jherr/tw2panda-cli / you can see the live demo here\nhttps://www.youtube.com/watch?v=fKSemrudovo\u0026t=442s\n\n## Contributing\n\n- `pnpm i`\n- `pnpm build`\n- `pnpm test`\n\nWhen you're done with your changes, please run `pnpm changeset` in the root of the repo and follow the instructions\ndescribed [here](https://github.com/changesets/changesets/blob/main/docs/intro-to-using-changesets.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fastahmer%2Ftw2panda","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fastahmer%2Ftw2panda","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fastahmer%2Ftw2panda/lists"}