{"adoption": {"forks": 2674, "observed_at": "2026-08-28T04:12:08.462650+00:00", "stars": 41123}, "canonical_url": "https://ross.abutalabs.com/products/styled-components", "card": {"archived": false, "artifact_type": "library", "description": "Fast, expressive styling for React. Server components, client components, streaming SSR, React Native—one API.", "domain": ["web-development", "frontend", "mobile-development"], "enriched": true, "function": ["css-framework", "ui-components", "frontend-framework", "ssr"], "health_score": 99, "homepage": "https://styled-components.com", "language": "TypeScript", "license": "MIT", "license_family": "permissive", "maturity": "active", "member_repos": ["styled-components/styled-components"], "name": "styled-components/styled-components", "platform": ["browser", "cross-platform"], "pushed_at": "2026-08-17T17:53:56+00:00", "repo": "styled-components/styled-components", "stars": 41123, "tags": ["css-in-js", "react", "react-native", "react-server-components", "theming", "typescript", "nodejs", "web-server"], "topics": ["react", "css-in-js", "styled-components", "css", "reactnative", "rsc"], "urls": [], "use_cases": ["style react components with scoped css", "write css-in-js with props-based dynamic styles", "theme a react app with a theme provider", "share one styling api between web and react native", "server-side render styled react components", "extend and compose styled components"], "what_it_is": "styled-components is a CSS-in-JS library for React that lets you write actual CSS in tagged template literals attached to components. It supports web React, React Native, server components, and streaming SSR with a single API.", "when_to_avoid": ["you prefer plain CSS, CSS modules, or utility-first frameworks like Tailwind", "your project does not use React", "you want zero runtime CSS in the browser"], "when_to_choose": ["you use React and want colocated, component-scoped styling", "you need dynamic styles driven by props or themes", "you target both web and React Native with one styling approach", "you need SSR or streaming SSR support"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/styled-components", "repo": "styled-components/styled-components", "role": "main", "score": 98}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:12:08.462650+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-29T16:23:12.183463+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "834de2d6bd2f92a2f62f295598b7efce63d006fdab1424806e0ba29db41022bd", "fetched_at": "2026-08-28T04:12:08.462650+00:00", "kind": "readme", "missing": false, "url": "https://github.com/styled-components/styled-components"}, {"content_hash": "900b2f85c3e73f708d8cb9554d4b5984b725e40aa49573e08ad87538d42331a3", "fetched_at": "2026-08-29T07:46:38.203855+00:00", "kind": "homepage", "missing": false, "url": "https://styled-components.com"}, {"content_hash": "e2f44bc38f84b695a6f7bbb20256319a36247b09e6313c41a71bf9535f7de858", "fetched_at": "2026-08-29T07:46:38.213301+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs"}, {"content_hash": "39f1588ecdba379cb6e2d77310d422836101e603b2c218a1820993676c399a6c", "fetched_at": "2026-08-29T07:46:38.215814+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs/compatibility"}, {"content_hash": "658e2cd81cf14cd887983bcb5df1ef867ec0a1507ae785ff35ca9864b4610e0e", "fetched_at": "2026-08-29T07:46:38.225081+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs/advanced"}, {"content_hash": "f31acc69ac457ac112efce79cddd4fec90b2d785c8bbee59c85641b8f988146d", "fetched_at": "2026-08-29T07:46:38.218656+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/releases"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:12:08.462650+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-29T16:23:12.183463+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "834de2d6bd2f92a2f62f295598b7efce63d006fdab1424806e0ba29db41022bd", "fetched_at": "2026-08-28T04:12:08.462650+00:00", "kind": "readme", "missing": false, "url": "https://github.com/styled-components/styled-components"}, {"content_hash": "900b2f85c3e73f708d8cb9554d4b5984b725e40aa49573e08ad87538d42331a3", "fetched_at": "2026-08-29T07:46:38.203855+00:00", "kind": "homepage", "missing": false, "url": "https://styled-components.com"}, {"content_hash": "e2f44bc38f84b695a6f7bbb20256319a36247b09e6313c41a71bf9535f7de858", "fetched_at": "2026-08-29T07:46:38.213301+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs"}, {"content_hash": "39f1588ecdba379cb6e2d77310d422836101e603b2c218a1820993676c399a6c", "fetched_at": "2026-08-29T07:46:38.215814+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs/compatibility"}, {"content_hash": "658e2cd81cf14cd887983bcb5df1ef867ec0a1507ae785ff35ca9864b4610e0e", "fetched_at": "2026-08-29T07:46:38.225081+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs/advanced"}, {"content_hash": "f31acc69ac457ac112efce79cddd4fec90b2d785c8bbee59c85641b8f988146d", "fetched_at": "2026-08-29T07:46:38.218656+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/releases"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-29T16:23:12.183463+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "834de2d6bd2f92a2f62f295598b7efce63d006fdab1424806e0ba29db41022bd", "fetched_at": "2026-08-28T04:12:08.462650+00:00", "kind": "readme", "missing": false, "url": "https://github.com/styled-components/styled-components"}, {"content_hash": "900b2f85c3e73f708d8cb9554d4b5984b725e40aa49573e08ad87538d42331a3", "fetched_at": "2026-08-29T07:46:38.203855+00:00", "kind": "homepage", "missing": false, "url": "https://styled-components.com"}, {"content_hash": "e2f44bc38f84b695a6f7bbb20256319a36247b09e6313c41a71bf9535f7de858", "fetched_at": "2026-08-29T07:46:38.213301+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs"}, {"content_hash": "39f1588ecdba379cb6e2d77310d422836101e603b2c218a1820993676c399a6c", "fetched_at": "2026-08-29T07:46:38.215814+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs/compatibility"}, {"content_hash": "658e2cd81cf14cd887983bcb5df1ef867ec0a1507ae785ff35ca9864b4610e0e", "fetched_at": "2026-08-29T07:46:38.225081+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs/advanced"}, {"content_hash": "f31acc69ac457ac112efce79cddd4fec90b2d785c8bbee59c85641b8f988146d", "fetched_at": "2026-08-29T07:46:38.218656+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/releases"}], "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:12:08.462650+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:12:08.462650+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:12:08.462650+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-29T16:23:12.183463+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "834de2d6bd2f92a2f62f295598b7efce63d006fdab1424806e0ba29db41022bd", "fetched_at": "2026-08-28T04:12:08.462650+00:00", "kind": "readme", "missing": false, "url": "https://github.com/styled-components/styled-components"}, {"content_hash": "900b2f85c3e73f708d8cb9554d4b5984b725e40aa49573e08ad87538d42331a3", "fetched_at": "2026-08-29T07:46:38.203855+00:00", "kind": "homepage", "missing": false, "url": "https://styled-components.com"}, {"content_hash": "e2f44bc38f84b695a6f7bbb20256319a36247b09e6313c41a71bf9535f7de858", "fetched_at": "2026-08-29T07:46:38.213301+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs"}, {"content_hash": "39f1588ecdba379cb6e2d77310d422836101e603b2c218a1820993676c399a6c", "fetched_at": "2026-08-29T07:46:38.215814+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs/compatibility"}, {"content_hash": "658e2cd81cf14cd887983bcb5df1ef867ec0a1507ae785ff35ca9864b4610e0e", "fetched_at": "2026-08-29T07:46:38.225081+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs/advanced"}, {"content_hash": "f31acc69ac457ac112efce79cddd4fec90b2d785c8bbee59c85641b8f988146d", "fetched_at": "2026-08-29T07:46:38.218656+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/releases"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:12:08.462650+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:12:08.462650+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-29T16:23:12.183463+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "834de2d6bd2f92a2f62f295598b7efce63d006fdab1424806e0ba29db41022bd", "fetched_at": "2026-08-28T04:12:08.462650+00:00", "kind": "readme", "missing": false, "url": "https://github.com/styled-components/styled-components"}, {"content_hash": "900b2f85c3e73f708d8cb9554d4b5984b725e40aa49573e08ad87538d42331a3", "fetched_at": "2026-08-29T07:46:38.203855+00:00", "kind": "homepage", "missing": false, "url": "https://styled-components.com"}, {"content_hash": "e2f44bc38f84b695a6f7bbb20256319a36247b09e6313c41a71bf9535f7de858", "fetched_at": "2026-08-29T07:46:38.213301+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs"}, {"content_hash": "39f1588ecdba379cb6e2d77310d422836101e603b2c218a1820993676c399a6c", "fetched_at": "2026-08-29T07:46:38.215814+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs/compatibility"}, {"content_hash": "658e2cd81cf14cd887983bcb5df1ef867ec0a1507ae785ff35ca9864b4610e0e", "fetched_at": "2026-08-29T07:46:38.225081+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs/advanced"}, {"content_hash": "f31acc69ac457ac112efce79cddd4fec90b2d785c8bbee59c85641b8f988146d", "fetched_at": "2026-08-29T07:46:38.218656+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/releases"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:12:08.462650+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:12:08.462650+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:12:08.462650+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-29T16:23:12.183463+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "834de2d6bd2f92a2f62f295598b7efce63d006fdab1424806e0ba29db41022bd", "fetched_at": "2026-08-28T04:12:08.462650+00:00", "kind": "readme", "missing": false, "url": "https://github.com/styled-components/styled-components"}, {"content_hash": "900b2f85c3e73f708d8cb9554d4b5984b725e40aa49573e08ad87538d42331a3", "fetched_at": "2026-08-29T07:46:38.203855+00:00", "kind": "homepage", "missing": false, "url": "https://styled-components.com"}, {"content_hash": "e2f44bc38f84b695a6f7bbb20256319a36247b09e6313c41a71bf9535f7de858", "fetched_at": "2026-08-29T07:46:38.213301+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs"}, {"content_hash": "39f1588ecdba379cb6e2d77310d422836101e603b2c218a1820993676c399a6c", "fetched_at": "2026-08-29T07:46:38.215814+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs/compatibility"}, {"content_hash": "658e2cd81cf14cd887983bcb5df1ef867ec0a1507ae785ff35ca9864b4610e0e", "fetched_at": "2026-08-29T07:46:38.225081+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs/advanced"}, {"content_hash": "f31acc69ac457ac112efce79cddd4fec90b2d785c8bbee59c85641b8f988146d", "fetched_at": "2026-08-29T07:46:38.218656+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/releases"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:12:08.462650+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:12:08.462650+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-29T16:23:12.183463+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "834de2d6bd2f92a2f62f295598b7efce63d006fdab1424806e0ba29db41022bd", "fetched_at": "2026-08-28T04:12:08.462650+00:00", "kind": "readme", "missing": false, "url": "https://github.com/styled-components/styled-components"}, {"content_hash": "900b2f85c3e73f708d8cb9554d4b5984b725e40aa49573e08ad87538d42331a3", "fetched_at": "2026-08-29T07:46:38.203855+00:00", "kind": "homepage", "missing": false, "url": "https://styled-components.com"}, {"content_hash": "e2f44bc38f84b695a6f7bbb20256319a36247b09e6313c41a71bf9535f7de858", "fetched_at": "2026-08-29T07:46:38.213301+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs"}, {"content_hash": "39f1588ecdba379cb6e2d77310d422836101e603b2c218a1820993676c399a6c", "fetched_at": "2026-08-29T07:46:38.215814+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs/compatibility"}, {"content_hash": "658e2cd81cf14cd887983bcb5df1ef867ec0a1507ae785ff35ca9864b4610e0e", "fetched_at": "2026-08-29T07:46:38.225081+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs/advanced"}, {"content_hash": "f31acc69ac457ac112efce79cddd4fec90b2d785c8bbee59c85641b8f988146d", "fetched_at": "2026-08-29T07:46:38.218656+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/releases"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-29T16:23:12.183463+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "834de2d6bd2f92a2f62f295598b7efce63d006fdab1424806e0ba29db41022bd", "fetched_at": "2026-08-28T04:12:08.462650+00:00", "kind": "readme", "missing": false, "url": "https://github.com/styled-components/styled-components"}, {"content_hash": "900b2f85c3e73f708d8cb9554d4b5984b725e40aa49573e08ad87538d42331a3", "fetched_at": "2026-08-29T07:46:38.203855+00:00", "kind": "homepage", "missing": false, "url": "https://styled-components.com"}, {"content_hash": "e2f44bc38f84b695a6f7bbb20256319a36247b09e6313c41a71bf9535f7de858", "fetched_at": "2026-08-29T07:46:38.213301+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs"}, {"content_hash": "39f1588ecdba379cb6e2d77310d422836101e603b2c218a1820993676c399a6c", "fetched_at": "2026-08-29T07:46:38.215814+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs/compatibility"}, {"content_hash": "658e2cd81cf14cd887983bcb5df1ef867ec0a1507ae785ff35ca9864b4610e0e", "fetched_at": "2026-08-29T07:46:38.225081+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs/advanced"}, {"content_hash": "f31acc69ac457ac112efce79cddd4fec90b2d785c8bbee59c85641b8f988146d", "fetched_at": "2026-08-29T07:46:38.218656+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/releases"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-29T16:23:12.183463+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "834de2d6bd2f92a2f62f295598b7efce63d006fdab1424806e0ba29db41022bd", "fetched_at": "2026-08-28T04:12:08.462650+00:00", "kind": "readme", "missing": false, "url": "https://github.com/styled-components/styled-components"}, {"content_hash": "900b2f85c3e73f708d8cb9554d4b5984b725e40aa49573e08ad87538d42331a3", "fetched_at": "2026-08-29T07:46:38.203855+00:00", "kind": "homepage", "missing": false, "url": "https://styled-components.com"}, {"content_hash": "e2f44bc38f84b695a6f7bbb20256319a36247b09e6313c41a71bf9535f7de858", "fetched_at": "2026-08-29T07:46:38.213301+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs"}, {"content_hash": "39f1588ecdba379cb6e2d77310d422836101e603b2c218a1820993676c399a6c", "fetched_at": "2026-08-29T07:46:38.215814+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs/compatibility"}, {"content_hash": "658e2cd81cf14cd887983bcb5df1ef867ec0a1507ae785ff35ca9864b4610e0e", "fetched_at": "2026-08-29T07:46:38.225081+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs/advanced"}, {"content_hash": "f31acc69ac457ac112efce79cddd4fec90b2d785c8bbee59c85641b8f988146d", "fetched_at": "2026-08-29T07:46:38.218656+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/releases"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-29T16:23:12.183463+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "834de2d6bd2f92a2f62f295598b7efce63d006fdab1424806e0ba29db41022bd", "fetched_at": "2026-08-28T04:12:08.462650+00:00", "kind": "readme", "missing": false, "url": "https://github.com/styled-components/styled-components"}, {"content_hash": "900b2f85c3e73f708d8cb9554d4b5984b725e40aa49573e08ad87538d42331a3", "fetched_at": "2026-08-29T07:46:38.203855+00:00", "kind": "homepage", "missing": false, "url": "https://styled-components.com"}, {"content_hash": "e2f44bc38f84b695a6f7bbb20256319a36247b09e6313c41a71bf9535f7de858", "fetched_at": "2026-08-29T07:46:38.213301+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs"}, {"content_hash": "39f1588ecdba379cb6e2d77310d422836101e603b2c218a1820993676c399a6c", "fetched_at": "2026-08-29T07:46:38.215814+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs/compatibility"}, {"content_hash": "658e2cd81cf14cd887983bcb5df1ef867ec0a1507ae785ff35ca9864b4610e0e", "fetched_at": "2026-08-29T07:46:38.225081+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/docs/advanced"}, {"content_hash": "f31acc69ac457ac112efce79cddd4fec90b2d785c8bbee59c85641b8f988146d", "fetched_at": "2026-08-29T07:46:38.218656+00:00", "kind": "site_page", "missing": false, "url": "https://styled-components.com/releases"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 98, "longevity": 100, "rhythm": 98}, "computed_at": "2026-09-03T02:20:16.233290+00:00", "flags": [], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 3669, "days_push": 16, "days_rel": 18, "gap_med": 10.5, "n_releases_24m": 29}, "score": 98, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}