|
Build your family lineage with an intuitive editor. Configure layouts, themes, and data fields in real-time, then export ready-to-use code for any framework. 
|
Explore the capabilities of Family Chart. See all features ›
| Advanced Card Variants | Fully Custom Cards | Dynamic Card Styling |
|---|---|---|
 |
 |
 |
| View Demo › | View Demo › | View Demo › |
| Tree Filtering | Layout Options | Data Updates |
|---|---|---|
 |
 |
 |
| View Demo › | View Demo › | View Demo › |
| Kinship Engine | Sub-tree Insights | Spouse Link Text |
|---|---|---|
 |
 |
 |
| View Demo › | View Demo › | View Demo › |
The fastest way to get started is by using our Visual Creator. It allows you to design your lineage visually and export the implementation code directly for React, Vue, Svelte, or Vanilla JS.
Alternatively, you can browse any of our Live Demos and copy the source code to use as a starting point for your project.
- Personal & Educational: Free for non-commercial projects, hobbies, and students.
- Commercial Use: Requires a paid license key for businesses and revenue-generating apps.
- Support: donatso.dev@gmail.com
- Playground: donatso.github.io/family-chart-premium/