# styletron/styletron

:zap: Toolkit for component-oriented styling

Repository: https://github.com/styletron/styletron
Canonical: https://ross.abutalabs.com/products/styletron
Homepage: https://www.styletron.org
Language: TypeScript
License: MIT
License Family: permissive
Topics: styletron, css-in-js, css, cssinjs, atomic-css
Last push: 2023-12-22T12:25:22+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 3807, "days_push": 985, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 3309, forks 93 (observed 2026-08-28T04:07:55.923871+00:00)

## What it is
Styletron is a universal CSS-in-JS toolkit for component-oriented styling, best known for its atomic CSS engine that generates declaration-level deduplicated styles. It provides React bindings (styled components and hooks) but can also be used with other frameworks or plain JavaScript.

## Use cases
- style react components with css-in-js
- generate atomic css with declaration-level deduplication
- server-side render critical css for react apps
- create styled components without webpack loaders or babel plugins
- reduce css bundle size in a react application
- use dynamic prop-driven styling in react components

## When to choose
- you want high-performance atomic CSS with minimal stylesheet footprint
- you need SSR-friendly critical CSS extraction with cache hydration
- you prefer styling via typed JavaScript objects with no build tooling
- you want a small, framework-agnostic styling engine you can integrate anywhere

## When to avoid
- you need stable class names for e2e test selectors with the atomic engine
- you need @supports or shorthand/longhand mixing, which only the monolithic engine supports
- you want a library with frequent releases and active development
- you need full TypeScript definitions for the monolithic engine

## Facets
- artifact type: library
- maturity: maintenance
- function: css-framework, ui-components, frontend-framework, ssr
- domain: web-development, frontend, web-design
- platform: browser, cross-platform
- tags: css-in-js, atomic-css, react, styled-components, typescript, styletron, nodejs, web-server

## Member repositories
- styletron/styletron (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:07:55.923871+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:42:25.955986+00:00, confidence not recorded.
  - readme: https://github.com/styletron/styletron (fetched 2026-08-28T04:07:55.923871+00:00, sha 1519f214885e)
  - homepage: https://www.styletron.org (fetched 2026-08-29T09:35:26.504140+00:00, sha 70566711ba3f)
  - site_page: https://styletron.org/getting-started (fetched 2026-08-29T09:35:26.515102+00:00, sha d834dc244207)
  - site_page: https://www.styletron.org/v3 (fetched 2026-08-29T09:35:26.513091+00:00, sha b2423c954f30)
- Data as of 2026-08-30T08:39:29.467469+00:00.