Skip to main content

​
What is TeeTree?

TeeTree is a comprehensive component library for Delphi and C++ that provides advanced flowcharting, diagramming, and hierarchical tree visualization capabilities. Originally developed in 1999, TeeTree has evolved to support modern RAD Studio versions up to 13.0 Florence 2025.
TeeTree is more than just a TreeView alternative. Every node is a full standalone component with its own properties, methods, and events, offering unprecedented flexibility for creating complex visualizations.

​
Platform Support

TeeTree supports both major Delphi frameworks:

VCL

Traditional Windows desktop applications with the TeeTree unit

FireMonkey (FMX)

Cross-platform applications using the FMXTee.Tree unit

​
Core Architecture

TeeTree’s architecture is built around three main component types:

​
TTree Component

The main container component that maintains a network-hierarchy of nodes. It provides:
  • Visual rendering and layout management
  • Node selection and interaction handling
  • Zoom and scroll capabilities
  • Global formatting options
  • Print preview functionality

​
TTreeNodeShape

Every node in TeeTree is a full component with extensive properties: 
var
  MyNode: TTreeNodeShape;
begin
  MyNode := Tree1.AddRoot('Root Node');
  MyNode.Font.Color := clRed;
  MyNode.Border.Visible := True;
  MyNode.Gradient.Visible := True;
  MyNode.ImageIndex := tiFolderOpenClose;
end;
Node properties include:
  • Color, border, brush, font, text
  • Gradient effects and transparency
  • Custom shapes and sizes
  • Shadow and 3D effects
  • Images and icons

​
TTreeConnection

Connections are components that display lines between nodes: 
var
  Connection: TTreeConnection;
begin
  Connection := NodeA.AddConnection(NodeC);
  Connection.Style := csLine;
  Connection.Border.Color := clBlue;
  Connection.Border.Width := 2;
end;

​
Key Features

Per-Node Formatting

Full control over each node’s appearance with fonts, colors, gradients, borders, shadows, and custom shapes

Interactive Editing

Node selection, resizing, positioning, drag-and-drop, and in-place text editing

Database Integration

DBTree component for automatic hierarchy generation from datasets

Virtual Mode

Create children nodes on-demand for handling large datasets efficiently

Connections & Links

Create visual connections between any nodes, either by code or mouse interaction

Custom Shapes

Rectangle, RoundRectangle, Circle, Diamond, and fully custom polygonal shapes

Child Managers

Multiple layout algorithms including Explorer-style, circular, top-bottom, and custom arrangements

Export & Import

Save and load tree structures, clipboard operations, and export to various formats

​
Use Cases

TeeTree excels at visualizing:
  • Organizational charts - Company hierarchies and reporting structures
  • Flowcharts - Process diagrams and workflow visualization
  • Decision trees - Logic flow and decision-making processes
  • Network diagrams - System architecture and component relationships
  • Mind maps - Brainstorming and concept mapping
  • File system browsers - Hierarchical file and folder structures
  • UML diagrams - Class hierarchies and object relationships

​
Component Hierarchy

The component inheritance model: 
TCustomTreeElement (base class)
├── TTreeNodeShape (nodes)
│   ├── TTextShape (text-only nodes)
│   ├── TTreeNodeShape (standard nodes)
│   └── Custom shape classes
└── TTreeConnection (connections between nodes)
Both nodes and connections share the same base class TCustomTreeElement, which provides common functionality for text, fonts, cursors, and tree ownership.

​
Why Choose TeeTree?

Mature & Stable

25+ years of development and real-world usage

Pure Pascal

100% Object Pascal source code included

Highly Customizable

Every aspect can be customized programmatically or at design-time

Performance

Optimized for handling thousands of nodes efficiently

Rich Events

Comprehensive event model for mouse, keyboard, and node lifecycle events

Designer Tools

Visual node editor, connection designer, and property editors

​
What’s Next?

Ready to get started? Continue to the Installation guide to set up TeeTree in your RAD Studio environment, or jump straight to the Quick Start to create your first tree diagram. TeeTree is part of the Steema component family:
  • TeeChart - Charting components
  • TeeGrid - 100% Grid pure Pascal
  • TeeBI - Data-mining, fast queries, big data visualization

Build docs developers (and LLMs) love

Get started for freeTalk to us