Dev Design Library

File Tree

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

File Tree preview
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.svelte
  • src/lib/components/magic/file-tree/folder.svelte
  • src/lib/components/magic/file-tree/file.svelte
  • src/lib/components/magic/file-tree/collapse-button.svelte
  • src/lib/components/magic/file-tree/index.ts
  • src/lib/utils.ts
Source
https://github.com/SikandarJODD/animations

Categories

More from Animations (Svelte)