Animations

Reorder animation

Use Reorder on items that should animate smoothly when their layout changes.

Inbox
Review
Ship

Reorder

A layout motion wrapper for smooth item movement.

Inbox
Review
Ship

Example 1

Layout items

Inbox
Review
Ship

Example 2

Layout items

Inbox
Review
Ship

Example 3

Layout items


Inbox
Review
Ship

Reorder

A small stack using the reorder layout preset.

Viewport trigger


Reorder

Starts when the preview enters the viewport.

Override values


Custom reorder item

Custom reorder

Adjust preset targets with props.

What it does

Enables Motion layout animation and spring timing for list movement.

FAQ

Where do I import it from?

Import from `@zentauri-ui/zentauri-components/animations/reorder`.