Dev Libraries

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)