# File Tree

> A file tree for code bundles, data exports and research folders, with folding folders, keyboard navigation and sizes on the right.

A React component for shadcn/ui and Tailwind CSS, from ssych ui (https://ssych.com). Free, MIT licensed, the source lands in your repo.

## Install

```bash
npx shadcn@latest add @ssych/file-tree
```

npm dependencies: clsx, lucide-react, motion, tailwind-merge

## Where it belongs

- Sidebar: React sidebar, dock and file tree components for app shells: collapsible navigation, nested trees and window chrome. (https://ssych.com/library/s/sidebar)

## Related

- Sidebar: https://ssych.com/library/sidebar.md
- macOS Dock: https://ssych.com/library/macos-dock.md
- Accordion: https://ssych.com/library/accordion.md
- Browser Window: https://ssych.com/library/browser-window.md
- MacBook Frame: https://ssych.com/library/macbook-frame.md

## Links

- Live preview and code: https://ssych.com/library/file-tree
- Source: https://github.com/savvasicevs/ssych-ui
- All components: https://ssych.com/llms-full.txt