File Tree

A component used to showcase the folder and file structure of a directory.

Library

Magic UI

Framework

React

Type

ui

License

MIT

Install

npx shadcn@latest add @magicui/file-tree

Files

• apps/www/registry/magicui/file-tree.tsx
• apps/www/components/ui/button.tsx
• apps/www/components/ui/scroll-area.tsx

Source

https://github.com/magicuidesign/magicui

Categories

• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components
• shadcn/ui Data Display Components
• File Tree Components
• React File Tree Components
• Tailwind CSS File Tree Components
• Animated File Tree Components
• shadcn/ui File Tree Components
• Tree View Components
• React Tree View Components

More from Magic UI

• Android
• Animated Beam
• Animated Circular Progress Bar
• Animated Gradient Text
• Animated Grid Pattern
• Animated List
• Animated Shiny Text
• Theme Toggler
• Aurora Text
• Avatar Circles
• Backlight
• Bento Grid