Real Life Talent Tree

Quick Start

Embed a talent tree in under 2 minutes using an iframe

The fastest path to embedding a talent tree — no npm install, no framework required.

Prerequisites

You need a published talent tree on reallifetalenttree.com. A tree is published when its Published toggle is on in the dashboard.

The embed URL format is:

https://reallifetalenttree.com/embed/{username}/{slug}

You can find username and slug in the public profile URL of your tree: https://reallifetalenttree.com/u/{username}/{slug}

Embed via iframe

<iframe
  src="https://reallifetalenttree.com/embed/your-username/your-tree-slug"
  width="100%"
  height="600"
  style="border:none;"
  title="My Talent Tree"
></iframe>

Replace your-username and your-tree-slug with your actual values.

Next steps

OptionUse when
iframeSimplest — no JavaScript, works everywhere
Web ComponentDrop-in custom element, no framework needed
React (npm)Full control, custom styling, own data fetching

On this page