Command Palette

Search for a command to run...

Docs
Motion File Tree

Motion File Tree

An animated file tree component with smooth expand/collapse transitions

Loading...

Installation

Props

PropTypeDefaultDescription
dataFileNode[]-Tree data structure
defaultExpandedRecord<string, boolean>{}Default expanded state
onSelect(node: FileNode) => void-Callback when node is selected

Features

  • Smooth Animations: Framer Motion powered transitions
  • Expandable Folders: Click to expand/collapse
  • Selection Highlighting: Visual feedback for selected items
  • Keyboard Support: Enter and Space key navigation
  • File/Folder Icons: Clear visual distinction
  • Responsive Design: Works on all screen sizes