Pricing

File Tree

Collapsible file explorer tree with depth-based indentation.

861

Bookmarks

3,600

Installs

27,400

Views

32 lines
import { FileTree, type TreeNode } from "@/components/ui/file-tree"

const nodes: TreeNode[] = [
  {
    type: "folder",
    name: "src",
    defaultOpen: true,
    children: [
      {
        type: "folder",

22 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Dependencies
lucide-react
License
MIT License
Published
11/15/2025

Similar components

That's all 6 components

Explore more

Part of Atlas Kit — browse the full library on Nuxus.