jsxstyle/jsxstyle

Health v2 · maintenance only

Adoption not part of the score

2113 stars · 59 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

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

library · maturity active

css-framework ui-components frontend-framework web-development frontend web-design cross-platform css-in-js inline-styles react preact solid astro jsx styling nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="jsxstyle/jsxstyle")