Dev Design Library

Animated List

A component that animates list items with smooth layout transitions, revealing items one by one from top to bottom.

Animated List preview
Library
Animations (Svelte)
Framework
Svelte
Type
block
License
MIT
Dependencies
motion-sv
Install
pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/r/animated-list.json
Files
  • src/lib/components/magic/animated-list/animated-list.svelte
  • src/lib/components/magic/animated-list/index.ts
  • src/lib/utils.ts
Source
https://github.com/SikandarJODD/animations

Categories

More from Animations (Svelte)