Beta Status

This library is still in early beta and the API is subject to change and may get daily breaking changes. If the docs and the package disagree, prefer the package and open an issue on GitHub or send a pull request with a fix.

Demos

Interactive examples for the current demo set.

Examples

First Animation

Enter Animation

Hover and Tap Animation

Gesture Animation

Drag playground

Switch between free drag, axis locks, and a fully locked square.

Free

Drag on both axes.

Scroll Animation

🍅

🍊

🍋

🍐

🍏

🫐

🍆

🍇

Underline Layout Animation

Overview

Shared layout underline transitions between tabs with a single layoutId.

Reshuffling List Layout Animation

Prioritized queue

Re-sort the list and expand any item to change its internal size.

Foreground Card Layout

Three stacked rows

Click a row to animate the same square and text into a modal.

Exit Animation