How to implement a carousel with changing cards? #3342

Answered by vladbesson

vladbesson asked this question in Q&A

vladbesson
Aug 8, 2025

Hey! Is it possible to create carousel like that with Motion?

Screenshot 2025-08-08 at 16 40 12

An infinite carousel with only five cards visible, featuring an animation of the active card changing every three seconds.

Answered by vladbesson

I managed to create such an infinite carousel using motion and AnimatePresence

In case anyone needs it, here are two demos:

just pictures https://codesandbox.io/p/sandbox/ylhxyr
and pictures with captions https://codesandbox.io/p/devbox/still-currying-forked-t9djfn?workspaceId=ws_62b59BaxmrcUahVeZsXo2t

View full answer

Replies: 1 comment

vladbesson
Aug 9, 2025
Author

I managed to create such an infinite carousel using motion and AnimatePresence

In case anyone needs it, here are two demos:

just pictures https://codesandbox.io/p/sandbox/ylhxyr
and pictures with captions https://codesandbox.io/p/devbox/still-currying-forked-t9djfn?workspaceId=ws_62b59BaxmrcUahVeZsXo2t

0 replies

Answer selected by vladbesson

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment