{"adoption": {"forks": 103, "observed_at": "2026-08-28T04:06:35.575914+00:00", "stars": 2303}, "canonical_url": "https://ross.abutalabs.com/products/xstyled", "card": {"archived": false, "artifact_type": "library", "description": "A utility-first CSS-in-JS framework built for React. 💅👩‍🎤⚡️", "domain": ["frontend", "web-development", "web-design"], "enriched": true, "function": ["css-framework", "ui-components", "frontend-framework"], "health_score": 93, "homepage": "https://xstyled.dev", "language": "MDX", "license": "MIT", "license_family": "permissive", "maturity": "active", "member_repos": ["styled-components/xstyled"], "name": "styled-components/xstyled", "platform": ["browser"], "pushed_at": "2026-07-04T01:42:34+00:00", "repo": "styled-components/xstyled", "stars": 2303, "tags": ["css-in-js", "styled-components", "emotion", "tailwindcss", "utility-first", "react", "styled-system", "nodejs", "web-server"], "topics": ["styled-components", "emotion", "css", "react", "css-in-js", "styled-system", "tailwindcss"], "urls": [], "use_cases": ["style react components with utility props instead of css classes", "use tailwind-like utilities in css-in-js", "responsive styling with breakpoint objects in react", "share a design system theme across styled-components and emotion", "write component styles with theme-aware values in javascript"], "what_it_is": "xstyled is a utility-first CSS-in-JS framework for React, built on top of styled-components or Emotion. It lets you style components with props like Tailwind utilities, including responsive breakpoint objects and theme-based values.", "when_to_avoid": ["you prefer plain Tailwind with class names", "your project uses vanilla CSS or CSS Modules", "you are not using React"], "when_to_choose": ["you use styled-components or Emotion and want utility-first styling", "you want Tailwind-style responsive props without leaving CSS-in-JS", "you need a shared theme system across multiple styling engines"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/xstyled", "repo": "styled-components/xstyled", "role": "main", "score": 90}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:06:35.575914+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-30T02:40:08.849523+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "1b15e824e9cb4662118bb000e14319916e4617221c3339206464ca9a05daef6d", "fetched_at": "2026-08-28T04:06:35.575914+00:00", "kind": "readme", "missing": false, "url": "https://github.com/styled-components/xstyled"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:06:35.575914+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-30T02:40:08.849523+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "1b15e824e9cb4662118bb000e14319916e4617221c3339206464ca9a05daef6d", "fetched_at": "2026-08-28T04:06:35.575914+00:00", "kind": "readme", "missing": false, "url": "https://github.com/styled-components/xstyled"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-30T02:40:08.849523+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "1b15e824e9cb4662118bb000e14319916e4617221c3339206464ca9a05daef6d", "fetched_at": "2026-08-28T04:06:35.575914+00:00", "kind": "readme", "missing": false, "url": "https://github.com/styled-components/xstyled"}], "taxonomy_version": 1}, "health_score": {"inputs": ["days_since_push", "days_since_release", "archived"], "kind": "computed", "method": "health_v1"}, "homepage": {"kind": "observed", "observed_at": "2026-08-28T04:06:35.575914+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:06:35.575914+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:06:35.575914+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-30T02:40:08.849523+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "1b15e824e9cb4662118bb000e14319916e4617221c3339206464ca9a05daef6d", "fetched_at": "2026-08-28T04:06:35.575914+00:00", "kind": "readme", "missing": false, "url": "https://github.com/styled-components/xstyled"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:06:35.575914+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:06:35.575914+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-30T02:40:08.849523+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "1b15e824e9cb4662118bb000e14319916e4617221c3339206464ca9a05daef6d", "fetched_at": "2026-08-28T04:06:35.575914+00:00", "kind": "readme", "missing": false, "url": "https://github.com/styled-components/xstyled"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:06:35.575914+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:06:35.575914+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:06:35.575914+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-30T02:40:08.849523+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "1b15e824e9cb4662118bb000e14319916e4617221c3339206464ca9a05daef6d", "fetched_at": "2026-08-28T04:06:35.575914+00:00", "kind": "readme", "missing": false, "url": "https://github.com/styled-components/xstyled"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:06:35.575914+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:06:35.575914+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-30T02:40:08.849523+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "1b15e824e9cb4662118bb000e14319916e4617221c3339206464ca9a05daef6d", "fetched_at": "2026-08-28T04:06:35.575914+00:00", "kind": "readme", "missing": false, "url": "https://github.com/styled-components/xstyled"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-30T02:40:08.849523+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "1b15e824e9cb4662118bb000e14319916e4617221c3339206464ca9a05daef6d", "fetched_at": "2026-08-28T04:06:35.575914+00:00", "kind": "readme", "missing": false, "url": "https://github.com/styled-components/xstyled"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-30T02:40:08.849523+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "1b15e824e9cb4662118bb000e14319916e4617221c3339206464ca9a05daef6d", "fetched_at": "2026-08-28T04:06:35.575914+00:00", "kind": "readme", "missing": false, "url": "https://github.com/styled-components/xstyled"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-30T02:40:08.849523+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "1b15e824e9cb4662118bb000e14319916e4617221c3339206464ca9a05daef6d", "fetched_at": "2026-08-28T04:06:35.575914+00:00", "kind": "readme", "missing": false, "url": "https://github.com/styled-components/xstyled"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 90, "longevity": 100, "rhythm": 84}, "computed_at": "2026-09-03T02:39:23.370411+00:00", "flags": [], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 2658, "days_push": 61, "days_rel": 105, "gap_med": 0.0, "n_releases_24m": 5}, "score": 90, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}