Examples: Animation

Drag to reorder

How to add a drag-to-reorder behaviour on a list of items

Read full example

Vinyl store

How to create an immersive swipeable cards experience

Read full example

Details view animation

List item to detail view animation

Read full example

Sticky headers

Learn how to use UX expression functions to make sticky headers.

Read full example

Code input

How to create a segmented code input control

Read full example

Fitness app concept

Fitness app concept with a brutalist design

Read full example

Send Button

A button with a fancy animation

Read full example

Day-night switch

A custom day-night switch

Read full example

Paged onboarding

An example of how to use PageControl to make a neat on-boarding experience

Read full example

Ticket scroll

Scratching the surface of what you can do with ScrollingAnimation

Read full example

Sign up flow

Animating between the states of a sign-up flow

Read full example

A circular menu button

An animated circular menu button

Read full example

A weather app

A weather app concept which uses clipping for a neat transition effect

Read full example

Navigation animation

A curly navigation animation

Read full example

Welcome animation

A welcoming introduction screen

Read full example

Material up-vote

An animated up-vote button

Read full example

Reveal actions

A cool reveal animation

Read full example

Pull to reload

A fun pull-to-reload animation

Read full example

Animated loading buttons

A loading button with different success and error animations

Read full example

Animated hamburger icon

An example of how to animate a hamburger icon into a cross

Read full example

Swipe places

The famous card swipe control

Read full example

Rotating sidebar

A fancy rotating sidebar

Read full example

Angled navigation

Advanced use of Entering-/ExitingAnimation

Read full example

Scrolling animations

Creating neat animations in response to scrolling

Read full example

Animated list

See how easy it is to add some animation when you're adding and removing content from your lists

Read full example

Basic UX animations

Create animations in response to user input with triggers and animators

Read full example