segmentio/ui-box

Health v2 · maintenance only

Adoption not part of the score

1061 stars · 53 forks observed · 2026-09-28

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

ui-box is a low-level CSS-in-JS React primitive that lets you set all CSS properties via simple React props on a single Box component. It is designed to be simple, fast, and extensible for building reusable styled components without wrapper elements or classes.

Use cases

• style react components with props instead of css classes
• add margins and padding to components without wrapper divs
• build reusable ui primitives with css-in-js
• create hover and focus styles with selectors prop
• render any dom element or react component with custom styles

When to choose

• you want a fast, minimal css-in-js primitive for react
• you need to pass spacing and style props to reusable components
• you want to avoid wrapper elements for layout tweaks

When to avoid

• you need a full component library with prebuilt ui widgets
• you prefer plain css, css modules, or utility-class frameworks
• you need shorthand css values like margin="10px 20px"

Facets

library · maturity active

ui-components css-framework frontend-framework frontend web-development web-design browser cross-platform css-in-js react-primitive style-props layout typescript nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="segmentio/ui-box")