{"id":30881022,"url":"https://github.com/skratchdot/tailwind-v4-example-sizes","last_synced_at":"2025-10-25T09:35:13.462Z","repository":{"id":274565886,"uuid":"923329864","full_name":"skratchdot/tailwind-v4-example-sizes","owner":"skratchdot","description":"This repo contains 6 different tailwindcss projects (to help debug tailwindcss build output from `v3` to `v4`)","archived":false,"fork":false,"pushed_at":"2025-03-06T14:58:18.000Z","size":542,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-08T07:44:47.472Z","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":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/skratchdot.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-01-28T03:16:40.000Z","updated_at":"2025-03-06T14:58:21.000Z","dependencies_parsed_at":null,"dependency_job_id":"73142a23-bea2-467b-84b5-7d3e05a92ab7","html_url":"https://github.com/skratchdot/tailwind-v4-example-sizes","commit_stats":null,"previous_names":["skratchdot/tailwind-v4-example-sizes"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/skratchdot/tailwind-v4-example-sizes","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skratchdot%2Ftailwind-v4-example-sizes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skratchdot%2Ftailwind-v4-example-sizes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skratchdot%2Ftailwind-v4-example-sizes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skratchdot%2Ftailwind-v4-example-sizes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/skratchdot","download_url":"https://codeload.github.com/skratchdot/tailwind-v4-example-sizes/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skratchdot%2Ftailwind-v4-example-sizes/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":280936404,"owners_count":26416542,"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-10-25T02:00:06.499Z","response_time":81,"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-09-08T07:43:07.437Z","updated_at":"2025-10-25T09:35:13.445Z","avatar_url":"https://github.com/skratchdot.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# tailwind-v4-example-sizes\n\nThis repo contains 6 different tailwindcss projects (to help debug tailwindcss build output from `v3` to `v4`).\n\nSee: \u003chttps://github.com/tailwindlabs/tailwindcss/issues/15722\u003e\n\nEach project is using tailwindcss, pnpm, vite, typescript, and react (but have slight differences with how tailwind is setup).\n\nI'm comparing:\n\n- v3 vs v4 tailwind\n- in v4 tailwind, i'm comparing the \"postcss\" setup vs \"vite-plugin\" setup.\n- i'm comparing setups that include `tailwind-merge` and setups that don't\n\n## Installation\n\n1. clone: `git clone git@github.com:skratchdot/tailwind-v4-example-sizes.git`\n2. install: `pnpm install`\n3. build: `pnpm build`\n\n## Build Output\n\n```shell\n➜ pnpm run build\n\n\u003e tailwind-v4-example-sizes@1.0.0 clean /Users/jeff/git/tailwind-v4-example-sizes\n\u003e rimraf packages/*/dist\n\nScope: 6 of 7 workspace projects\n\n\u003e v3-postcss-merge@0.0.0 build /Users/jeff/git/tailwind-v4-example-sizes/packages/v3-postcss-merge\n\u003e tsc \u0026\u0026 vite build\n\nvite v6.2.0 building for production...\ntransforming...\n✓ 29 modules transformed.\nrendering chunks...\ncomputing gzip size...\ndist/index.html                   0.46 kB │ gzip:  0.29 kB\ndist/assets/index-BovOH-IT.css    4.88 kB │ gzip:  1.44 kB\ndist/assets/index-CcNtyE8u.js   208.03 kB │ gzip: 66.01 kB\n✓ built in 642ms\n\n\u003e v3-postcss-no-merge@0.0.0 build /Users/jeff/git/tailwind-v4-example-sizes/packages/v3-postcss-no-merge\n\u003e tsc \u0026\u0026 vite build\n\nvite v6.2.0 building for production...\ntransforming...\n✓ 28 modules transformed.\nrendering chunks...\ncomputing gzip size...\ndist/index.html                   0.46 kB │ gzip:  0.29 kB\ndist/assets/index-BovOH-IT.css    4.88 kB │ gzip:  1.44 kB\ndist/assets/index-rZJZ-2Wj.js   186.18 kB │ gzip: 58.74 kB\n✓ built in 633ms\n\n\u003e v4-postcss-merge@0.0.0 build /Users/jeff/git/tailwind-v4-example-sizes/packages/v4-postcss-merge\n\u003e tsc \u0026\u0026 vite build\n\nvite v6.2.0 building for production...\ntransforming...\n✓ 29 modules transformed.\nrendering chunks...\ncomputing gzip size...\ndist/index.html                   0.46 kB │ gzip:  0.29 kB\ndist/assets/index-CiCvXjtS.css    4.49 kB │ gzip:  1.43 kB\ndist/assets/index-BGUzh3H4.js   208.03 kB │ gzip: 66.01 kB\n✓ built in 566ms\n\n\u003e v4-postcss-no-merge@0.0.0 build /Users/jeff/git/tailwind-v4-example-sizes/packages/v4-postcss-no-merge\n\u003e tsc \u0026\u0026 vite build\n\nvite v6.2.0 building for production...\ntransforming...\n✓ 28 modules transformed.\nrendering chunks...\ncomputing gzip size...\ndist/index.html                   0.46 kB │ gzip:  0.29 kB\ndist/assets/index-CiCvXjtS.css    4.49 kB │ gzip:  1.43 kB\ndist/assets/index-orPX37p8.js   186.18 kB │ gzip: 58.74 kB\n✓ built in 574ms\n\n\u003e v4-vite-merge@0.0.0 build /Users/jeff/git/tailwind-v4-example-sizes/packages/v4-vite-merge\n\u003e tsc \u0026\u0026 vite build\n\nvite v6.2.0 building for production...\ntransforming...\n✓ 29 modules transformed.\nrendering chunks...\ncomputing gzip size...\ndist/index.html                   0.46 kB │ gzip:  0.29 kB\ndist/assets/index-CiCvXjtS.css    4.49 kB │ gzip:  1.43 kB\ndist/assets/index-BGUzh3H4.js   208.03 kB │ gzip: 66.01 kB\n✓ built in 431ms\n\n\u003e v4-vite-no-merge@0.0.0 build /Users/jeff/git/tailwind-v4-example-sizes/packages/v4-vite-no-merge\n\u003e tsc \u0026\u0026 vite build\n\nvite v6.2.0 building for production...\ntransforming...\n✓ 28 modules transformed.\nrendering chunks...\ncomputing gzip size...\ndist/index.html                   0.46 kB │ gzip:  0.29 kB\ndist/assets/index-CiCvXjtS.css    4.49 kB │ gzip:  1.43 kB\ndist/assets/index-orPX37p8.js   186.18 kB │ gzip: 58.74 kB\n✓ built in 414ms\n```\n\n## CSS Output\n\n| css file                                                                                                                                                                  |    size | gzip size | build time |\n| :------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------: | --------: | ---------: |\n| [v3-postcss-merge](https://raw.githubusercontent.com/skratchdot/tailwind-v4-example-sizes/refs/heads/main/packages/v3-postcss-merge/dist/assets/index-BovOH-IT.css)       | 4.88 kB |   1.44 kB |      642ms |\n| [v3-postcss-no-merge](https://raw.githubusercontent.com/skratchdot/tailwind-v4-example-sizes/refs/heads/main/packages/v3-postcss-no-merge/dist/assets/index-BovOH-IT.css) | 4.88 kB |   1.44 kB |      633ms |\n| [v4-postcss-merge](https://raw.githubusercontent.com/skratchdot/tailwind-v4-example-sizes/refs/heads/main/packages/v4-postcss-merge/dist/assets/index-CiCvXjtS.css)       | 4.49 kB |   1.43 kB |      566ms |\n| [v4-postcss-no-merge](https://raw.githubusercontent.com/skratchdot/tailwind-v4-example-sizes/refs/heads/main/packages/v4-postcss-no-merge/dist/assets/index-CiCvXjtS.css) | 4.49 kB |   1.43 kB |      574ms |\n| [v4-vite-merge](https://raw.githubusercontent.com/skratchdot/tailwind-v4-example-sizes/refs/heads/main/packages/v4-vite-merge/dist/assets/index-CiCvXjtS.css)             | 4.49 kB |   1.43 kB |      431ms |\n| [v4-vite-no-merge](https://raw.githubusercontent.com/skratchdot/tailwind-v4-example-sizes/refs/heads/main/packages/v4-vite-no-merge/dist/assets/index-CiCvXjtS.css)       | 4.49 kB |   1.43 kB |      414ms |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskratchdot%2Ftailwind-v4-example-sizes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fskratchdot%2Ftailwind-v4-example-sizes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskratchdot%2Ftailwind-v4-example-sizes/lists"}