Trees

A growing collection of 8 trees components built with Svelte and Tailwind CSS.

Basic tree with no extra features ∙ Headless Tree ∙ Svelte Integration

Basic tree with vertical lines ∙ Headless Tree ∙ Svelte Integration

Basic tree with caret icon on the right ∙ Headless Tree ∙ Svelte Integration

Press Control+Shift+D to move selected items

Tree with multi-select and drag and drop ∙ Headless Tree ∙ Svelte Integration

Engineering Frontend Design System Components Tokens Guidelines Web Platform Backend Platform Team Marketing Operations

Tree with renaming (press F2 to rename) ∙ Headless Tree ∙ Svelte Integration

Tree with search highlight ∙ Headless Tree ∙ Svelte Integration

Discover/Contribute

Explore the original Origin UI or contribute by suggesting new components and improvements.