Subject-centered
Start with one person and render the relatives that matter around them.
Family trees that stay readable in real React apps.
@memoir/tree renders subject-centered family neighborhoods and org charts from your people, your relationship facts, and your card component.
React 18+TypeScriptunstyledmeasured layout
Grandparent
Parent
Parent
Subject
Bring your own cards
Use your app's data and card component instead of fighting a fixed UI.
Measured layout
Cards can be different sizes while the tree keeps relationships readable.
Live example
Names, relationships, and layout. Nothing extra.
The demo below renders a family tree and org chart with plain app-owned data.
FamilyTree
OrgChart