# styled-components/awesome-styled-components

A curated list of awesome styled-components resources 💅

Repository: https://github.com/styled-components/awesome-styled-components
Canonical: https://ross.abutalabs.com/products/awesome-styled-components
License Family: other
Topics: css, css-in-js, react, styled-components, awesome-list, awesome
Last push: 2023-05-19T07:07:41+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 3420, "days_push": 1202, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 3464, forks 270 (observed 2026-08-28T04:08:05.744472+00:00)

## What it is
A curated awesome-list of resources for styled-components, the CSS-in-JS library for React. It collects official links, community channels, component libraries, helpers, boilerplates, articles, and conference videos.

## Use cases
- find styled-components component libraries
- learn css-in-js with styled-components tutorials
- discover react ui components built with styled-components
- find styled-components boilerplates and starters
- locate articles and conference talks about styled-components

## When to choose
- you use styled-components and want a curated index of ecosystem tools and learning material
- you're evaluating the styled-components ecosystem before adopting it

## When to avoid
- you need a runnable library or tool rather than a link list
- you use a different CSS-in-JS solution like Emotion or Tailwind
- you need actively maintained content - the list has seen few updates since 2023

## Facets
- artifact type: learning-resource
- maturity: maintenance
- function: ui-components, css-framework, developer-tools
- domain: frontend, web-development, awesome-lists
- platform: browser, cross-platform
- tags: css-in-js, styled-components, curated-list, react, resource-collection, nodejs

## Member repositories
- styled-components/awesome-styled-components (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:08:05.744472+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T18:36:53.151276+00:00, confidence not recorded.
  - readme: https://github.com/styled-components/awesome-styled-components (fetched 2026-08-28T04:08:05.744472+00:00, sha a9b80b27c7a5)
- Data as of 2026-08-30T08:39:29.467469+00:00.