shuding/react-wrap-balancer

Health v2 · maintenance only

Adoption not part of the score

4206 stars · 62 forks observed · 2026-08-28

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

A small React component that balances text wrapping in headings so lines have more even widths, avoiding single hanging words on the last line. It uses an O(log n) resize algorithm, supports SSR and streaming SSR, and falls back to native CSS text-wrap: balance when available.

Use cases

• balance text wrapping in react headings
• avoid single word on last line of a title
• make headlines more readable across viewport sizes
• responsive typographic text balancing in react
• use css text-wrap balance with react fallback
• balance multiline text in next.js app

When to choose

• You have React 16.8+ headings or titles that wrap awkwardly on different screen sizes
• You need SSR/streaming SSR-compatible text balancing without layout shifts
• You want a tiny (~1 kB) drop-in component with native CSS balance fallback

When to avoid

• Your project is not React-based
• You need to balance arbitrary block content rather than short text like titles
• You must support IE11 or very old browsers lacking ResizeObserver

Facets

library · maturity stable

ui-components frontend-framework templating web-development frontend web-design browser react typography text-wrapping text-balance ssr responsive-design nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="shuding/react-wrap-balancer")