Dev Design Library

Animated List

A sophisticated animation component that creates dynamic column-based transitions with scaling effects. Perfect for showcasing notifications, messages, or any sequential content with smooth formation, scrolling, and reset animations.

Animated List preview
Library
Badtz UI
Framework
React
Type
ui
License
MIT
Dependencies
clsx, motion, tailwind-merge
Install
npx shadcn@latest add https://badtz-ui.com/r/animated-list.json
Files
  • registry/new-york-v4/ui/animated-list.tsx
  • lib/utils.ts
Source
https://github.com/badtzx0/badtz-ui

Categories

More from Badtz UI