ctrlplusb/react-sizeme

Health v2 · maintenance only

Adoption not part of the score

1961 stars · 92 forks observed · 2026-08-28

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

A small React library that makes components aware of their own rendered width and height, enabling component-level responsive design. It exposes a SizeMe render-prop component and a withSize higher-order component that report element size changes.

Use cases

• make a react component responsive to its own container size
• render different child components based on element width
• get element width and height in react
• component-level element queries in react
• swap layouts depending on available space in react
• measure a react component's size on resize

When to choose

• you need components that adapt to wherever they are rendered, not just the viewport
• you want a tiny, performant size-awareness utility with render prop or HOC APIs
• you need broad browser support and SSR compatibility

When to avoid

• you only need viewport-based responsive design - CSS media queries suffice
• you're starting a new project and prefer actively maintained alternatives like ResizeObserver hooks
• you need container query support natively available in modern CSS

Facets

library · maturity maintenance

ui-components frontend-framework frontend web-development web-design browser react element-queries responsive-design render-prop higher-order-component size-detection nodejs javascript

Member repositories

For agents

markdown · JSON · MCP: product_card(name="ctrlplusb/react-sizeme")