• Design systems
  • Components
  1. Components
  2. Tree view

Tree view component examples

Tree views let people open and close nested structures without losing the larger hierarchy.

Also known as Tree, Tree item

Open Tree View source example
Tree View from Base

Tree View

Base
Open Tree Selector source example
Tree Selector from Basis Design System

Tree Selector

Basis Design System
Open Tree View source example
Tree View from Chakra UI

Tree View

Chakra UI
Open Tree view source example
Tree view from Cloudscape

Tree view

Cloudscape
Open Tree source example
Tree from Fluent 2 Design System

Tree

Fluent 2 Design System
Open Tree view source example
Tree view from PatternFly

Tree view

PatternFly
Open Tree source example
Tree from Shoelace

Tree

Shoelace

Related categories

Explore adjacent component patterns.

LibraryGuidesAbout

Navigation

Menu, Menubar, Nav, Nav list, Navbar, Navigation bar, Side nav, Side navigation, Sidebar, Top bar, Top nav, Top navigation, Topbar

  • Accordion
  • Alert
  • Avatar

List

List group, List item, Ordered list, Unordered list

Account details

Personal information and preferences.

Notifications

Accordion

Collapse, Collapsible, Collapsible sections, Details, Disclosure, Expandable, Expandable section, Expander

HomeComponentsAccordion

Breadcrumb

Breadcrumb group, Breadcrumb trail, Breadcrumbs

Public design systems, component patterns, and the source material behind them.

Design systems

  • All design systems
  • Recommended picks
  • Submit a design system

Industries

  • Government
  • Finance
  • Travel
  • Retail
  • Healthcare
  • Communications
  • Media
  • Education
  • Technology

Components

  • UI component examples
  • Actions
  • Forms and input
  • Navigation
  • Feedback and status
  • Data display
  • Content and media
  • Layout and structure
  • Overlays
  • AI and conversation
Attributions

© 2026 designsystem.gallery