What it does
Add people, type who they report to, and Org Chart builds the whole hierarchy for you — cards, connector lines and spacing are laid out automatically. No manual positioning, no nested frames.
Perfect for About, Team and Company pages of agencies, startups and studios.
Customizable properties
- People — name, role, photo, "Reports To" and team color for each person
- Direction — Vertical (top-down) or Horizontal (left-to-right)
- Lines — Elbow or Curved connectors, color and width
- Expanded Levels — how many levels are open on load
- Collapsible — click a card to expand or collapse its team (+N badge shows hidden people)
- Overflow — Fit, Shrink or Scroll, so large teams never break on mobile
- Layout — card width/height, sibling gap, level gap, avatar size
- Style — card, text, border, line colors, radius, shadow
- Fonts — separate name and role fonts
Why this component
- Built from a flat list: just type the manager's name — the tree updates itself.
- Big org? Collapse teams and let Fit/Shrink keep everything readable on any screen.
- No photo? Initials avatars in each team's color are generated automatically.
Need help?
Email hello@brandingupstudio.com — we usually reply within 72 hours. Custom edits are available from $75/hr.
