# jsxstyle/jsxstyle

Inline style system for JSX

Repository: https://github.com/jsxstyle/jsxstyle
Canonical: https://ross.abutalabs.com/products/jsxstyle
Homepage: https://jsx.style/
Language: TypeScript
License: Apache-2.0
License Family: permissive
Topics: css-in-js, css, inline-styles, react, jsxstyle
Last push: 2026-07-24T02:21:01+00:00

## Health v2 (maintenance only)
Score: 95/100 (v2, computed 2026-09-03T02:39:23.370411+00:00)
- activity 94, release rhythm 94, longevity 100
- inputs: {"age_days": 4151, "days_push": 41, "days_rel": 41, "gap_med": 0, "n_releases_24m": 10}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2113, forks 59 (observed 2026-08-28T04:06:14.626776+00:00)

## What it is
jsxstyle is an inline style system for JSX that lets you style components via props on special components like Row, Col, and Block. Styles written inline are converted to CSS rules and injected into the document as needed, supporting React, Preact, Solid, and Astro.

## Use cases
- style react components with inline props instead of css files
- css-in-js alternative for react apps
- convert jsx style props to optimized css rules
- build layouts with flexbox and grid components in jsx
- use inline styling with preact or solid
- responsive styling with media queries in jsx components

## When to choose
- you prefer colocating styles with component markup in jsx
- you want automatic css extraction from inline styles
- your project uses react, preact, solid, or astro
- you want a small set of layout primitives like Row, Col, and Grid

## When to avoid
- you need full-featured css-in-js with theming and global styles
- your team prefers plain css or utility-class frameworks like tailwind
- you use a framework other than react, preact, solid, or astro

## Facets
- artifact type: library
- maturity: active
- function: css-framework, ui-components, frontend-framework
- domain: web-development, frontend, web-design
- platform: cross-platform
- tags: css-in-js, inline-styles, react, preact, solid, astro, jsx, styling, nodejs, web-server

## Member repositories
- jsxstyle/jsxstyle (main) score 95

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:14.626776+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-30T02:53:40.140987+00:00, confidence not recorded.
  - readme: https://github.com/jsxstyle/jsxstyle (fetched 2026-08-28T04:06:14.626776+00:00, sha 1ecb20f321d3)
  - homepage: https://jsx.style/ (fetched 2026-08-29T10:34:01.736396+00:00, sha bd1f79f9e293)
- Data as of 2026-08-30T08:39:29.467469+00:00.