@keenmate/svelte-treeview

A high-performance, feature-rich hierarchical tree view component for Svelte 5 with drag & drop support, search functionality, and flexible data structures using LTree.

Svelte 5 Native

Built with Svelte 5 runes for optimal performance and modern reactive patterns

🌳
LTree Structure

Path-based hierarchical data structure inspired by PostgreSQL LTree for efficiency

🔍
FlexSearch Integration

Built-in search functionality with async indexing and fuzzy matching

🔄
Drag & Drop

Interactive drag and drop with validation, visual feedback, and customizable behavior

🎨
Highly Customizable

Full control over styling, templates, and behavior with extensive theming options

📱
Performance Optimized

Virtual scrolling, lazy loading, and optimized rendering for large datasets

Quick Installation

Get started in seconds

Package Manager
npm
 
pnpm
 
yarn
 
Import
Import component
 
Usage

Simple to Use

Install the package using your preferred package manager, then import and use the Tree component in your Svelte application.

Zero Configuration

Works out of the box with sensible defaults for common use cases like file systems and navigation trees.

Framework Agnostic Styling

Use with any CSS framework or custom styles. Bootstrap classes are supported out of the box.

Example Usage

Basic Tree
 
Advanced Tree
 

🌳

Hierarchical Structure

🔍

Search & Filter

🔄

Drag & Drop

High Performance