formkit / auto-animate

A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.

Home Page:https://auto-animate.formkit.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Animate across lists? Across all elements inside a `ul`?

morgs32 opened this issue · comments

I'm wondering if any thought has been given to animating across lists?
I've updated the react demo here:
https://stackblitz.com/edit/auto-animate-react-g2wecm?file=src%2FFrameworkList.jsx

And here's a screen recording
https://github.com/formkit/auto-animate/assets/1364795/e4a6524a-9734-4522-9389-197605becd67

My real use case is to have the "Add new" row get auto-animated into a SORTED list.

  • But originally it is outside the list.
  • I set key on the li item and it is the same key as it will have in the list once it has been added.

Here's a screen recording of that. Any suggestions? Would you be interested in that feature?

Screenshare.-.2024-01-07.2_36_36.PM.mp4

Thanks!