{"id":51609594,"url":"https://github.com/vdustr/poc-static-style-lab","last_synced_at":"2026-07-12T06:02:29.673Z","repository":{"id":369446772,"uuid":"1289901303","full_name":"VdustR/poc-static-style-lab","owner":"VdustR","description":"Compare vanilla-extract and StyleX for static CSS-in-JS decisions, with an Emotion composition deep dive.","archived":false,"fork":false,"pushed_at":"2026-07-05T12:13:36.000Z","size":31,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-07-05T12:14:31.973Z","etag":null,"topics":["css-in-js","emotion","github-pages","react","static-css","stylex","vanilla-extract","vite","vite-plus","zero-runtime"],"latest_commit_sha":null,"homepage":"https://vdustr.dev/poc-static-style-lab/","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/VdustR.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-07-05T10:46:46.000Z","updated_at":"2026-07-05T12:13:39.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/VdustR/poc-static-style-lab","commit_stats":null,"previous_names":["vdustr/poc-static-style-lab"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/VdustR/poc-static-style-lab","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VdustR%2Fpoc-static-style-lab","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VdustR%2Fpoc-static-style-lab/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VdustR%2Fpoc-static-style-lab/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VdustR%2Fpoc-static-style-lab/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VdustR","download_url":"https://codeload.github.com/VdustR/poc-static-style-lab/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VdustR%2Fpoc-static-style-lab/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35383520,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-12T02:00:06.386Z","response_time":87,"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":["css-in-js","emotion","github-pages","react","static-css","stylex","vanilla-extract","vite","vite-plus","zero-runtime"],"created_at":"2026-07-12T06:02:24.984Z","updated_at":"2026-07-12T06:02:29.669Z","avatar_url":"https://github.com/VdustR.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Static Style Lab\n\nA focused comparison of vanilla-extract, StyleX, and MUI Pigment CSS for\nstatic CSS-in-JS decisions, with Emotion included as the composition and runtime\nergonomics baseline.\n\nSite: \u003chttps://vdustr.dev/poc-static-style-lab/\u003e\n\n## Stack\n\n- Vite+ with Vite, React, and TypeScript\n- Build-time React prerendering into static HTML\n- StyleX with Vite extraction for static CSS assets\n- Shiki build-time syntax highlighting\n- pnpm\n- GitHub Actions deployment to GitHub Pages\n\n## Local Development\n\n```sh\npnpm install\npnpm dev\n```\n\n## Verification\n\n```sh\npnpm lint\npnpm build\n```\n\n`pnpm build` runs type checking, Vite+ production build, then prerenders the\nReact page into `dist/index.html`. The shipped page is static HTML plus extracted\nCSS, with a small client enhancer for the live demo controls.\n\n## Research Scope\n\nThe comparison focuses on current official documentation and npm metadata for:\n\n- vanilla-extract core, Vite integration, Recipes, and Sprinkles\n- StyleX style creation, Vite integration, theming, variants, composition,\n  override mechanics, and static-analysis constraints\n- MUI Pigment CSS setup, migration guidance, theming, `sx`, project status, and\n  package metadata\n- Emotion composition, `css` prop behavior, and runtime flexibility tradeoffs\n- Vite and GitHub Pages deployment guidance\n- Vite+ project and CI guidance\n\n## Licensing\n\nCode is licensed under MIT.\n\nComparison prose, tables, diagrams, and research notes are dedicated under\nCC0 1.0 Universal.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvdustr%2Fpoc-static-style-lab","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvdustr%2Fpoc-static-style-lab","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvdustr%2Fpoc-static-style-lab/lists"}