File Tree

block

An Explorer card showing a nested project file tree with collapsible folders, rotating carets and the selected file's path in the header. Folder and file rows are ghost buttons with Phosphor icons.

pnpm dlx shadcn@latest add "https://01orbital.dev/r/file-tree.json"

Sign In

File Tree

block

An Explorer card showing a nested project file tree with collapsible folders, rotating carets and the selected file's path in the header. Folder and file rows are ghost buttons with Phosphor icons.

pnpm dlx shadcn@latest add "https://01orbital.dev/r/file-tree.json"

@phosphor-icons/react

card

components/blocks/app/file-tree/index.tsx

@phosphor-icons/react

card

components/blocks/app/file-tree/index.tsx