File Tree
An interactive file tree component with expandable folders, selectable files, and smooth animations.

- Library
- Animations (Svelte)
- Framework
- Svelte
- Type
- block
- License
- MIT
- Dependencies
- @lucide/svelte, motion-sv
- Install
pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/r/file-tree.json- Files
src/lib/components/magic/file-tree/file-tree.sveltesrc/lib/components/magic/file-tree/folder.sveltesrc/lib/components/magic/file-tree/file.sveltesrc/lib/components/magic/file-tree/collapse-button.sveltesrc/lib/components/magic/file-tree/index.tssrc/lib/utils.ts
- Source
- https://github.com/SikandarJODD/animations
Categories
- Data Display Components
- Svelte Data Display Components
- Tailwind CSS Data Display Components
- Animated Data Display Components
- File Tree Components
- Tailwind CSS File Tree Components
- Animated File Tree Components
- Tree View Components
- Tailwind CSS Tree View Components
- Animated Tree View Components