React wrapper for deterministic text measurement.
Install the package, start with the root API, and use the core demos below to measure text height, line count, and truncation in real UI.
Recommended adoption path
Create one typography object so font, line height, and width stay aligned anywhere you measure or render text.
Start with useMeasuredText() when a component needs a predicted height or line count from known width and typography.
Use PText when semantic DOM and measurement should stay aligned, including responsive width observation through onMeasure.
Apply measured heights or useTruncatedText() in accordions, previews, cards, and feeds before reaching for editorial flow.
Core demos
Start from the public root package
These demos cover the main adoption path: shared typography, predicted height, deterministic preview text, and semantic rendering that stays aligned with the same measurement inputs.
Core path
Measure text, replace scrollHeight-style panel logic, generate deterministic previews, and use PText when semantic DOM and measurement need to stay aligned.
Open routeMeasured cards and lists
Use measured title and body text to estimate card height before packing a feed or masonry-style layout.
Open routeAdvanced demos
Reach for editorial flow when geometry becomes part of layout
These routes use the public editorial exports for declared figures, obstacle-aware flow, and track-based continuation.
Dynamic Layout
A bounded spread built from lower-level editorial primitives, useful when you need explicit slots and line routing instead of a single measured block.
Open routeEditorial Engine
Animated figures, live reflow, and multi-track continuation shown through EditorialColumns and EditorialSurface.
Open routeEditorial
A denser editorial composition that stays grounded in the current public API: surfaces, figures, justified lines, and package boundaries.
Open route