iOS Push (Right to Left)

push · navigation · page

iOS Pop (Left to Right)

pop · back · navigation

iOS Modal Present

modal · sheet · present

iOS Modal Dismiss

modal · dismiss · close

iOS Share Sheet

share · action · sheet

iOS Alert Pop

alert · dialog · system

iOS Photo Zoom

zoom · gallery · image

iOS Haptic Tap

haptic · tap · feedback

iOS Long Press Scale

longpress · context · menu

iOS Tab Bar Switch

tab · navigation · bar

iOS Rubber Band

overscroll · bounce · elastic

iOS Keyboard Rise

keyboard · input · rise

Material Fade Through

fade · material · enter

Material Container Transform

shared · element · transform

Material Elevation

elevation · shadow · lift

Material Expand

expand · accordion · reveal

Material Stagger Fade

stagger · list · enter

Material Arc Motion

arc · motion · fab

Material Bottom Dismiss

dismiss · exit · bottom

Material Snackbar

snackbar · toast · message

Fade In

fade · opacity · simple

Fade In Up

fade · up · slide

Fade In Down

fade · down · slide

Fade In Left

fade · left · slide

Fade In Right

fade · right · slide

Fade In Up (Large)

fade · up · large

Fade In Down (Large)

fade · down · large

Fade In Left (Large)

fade · left · large

Fade In Right (Large)

fade · right · large

Slide In Up

slide · up · enter

Slide In Down

slide · down · enter

Slide In Left

slide · left · enter

Slide In Right

slide · right · enter

Zoom In

zoom · scale · pop

Zoom In Up

zoom · up · scale

Zoom In Down

zoom · down · scale

Zoom In Left

zoom · left · scale

Zoom In Right

zoom · right · scale

Bounce In

bounce · spring · enter

Bounce In Up

bounce · up · spring

Bounce In Down

bounce · down · spring

Bounce In Left

bounce · left · spring

Bounce In Right

bounce · right · spring

Spring Pop

spring · pop · elastic

Spring Drop

spring · drop · gravity

Spring Slide Right

spring · slide · elastic

Rotate In

rotate · spin · enter

Rotate In Up Left

rotate · up · left

Rotate In Up Right

rotate · up · right

Roll In

roll · rotate · slide

Spin Reveal

spin · rotate · reveal

Back In Up

back · anticipate · up

Back In Down

back · anticipate · down

Flip In X

flip · 3d · perspective

Flip In Y

flip · 3d · perspective

Light Speed In

speed · fast · skew

Fade Out

fade · opacity · exit

Fade Out Up

fade · up · exit

Fade Out Down

fade · down · exit

Fade Out Left

fade · left · exit

Fade Out Right

fade · right · exit

Zoom Out

zoom · scale · exit

Zoom Out Up

zoom · up · exit

Zoom Out Down

zoom · down · exit

Slide Out Up

slide · up · exit

Slide Out Down

slide · down · exit

Slide Out Left

slide · left · exit

Slide Out Right

slide · right · exit

Roll Out

roll · rotate · exit

Back Out Up

back · anticipate · exit

Light Speed Out

speed · fast · exit

Pulse

pulse · scale · emphasis

Heartbeat

heart · beat · vital

Shake X

shake · error · horizontal

Shake Y

shake · error · vertical

Head Shake

headshake · no · deny

Rubber Band

rubber · elastic · squish

Swing

swing · pendulum · rotate

Wobble

wobble · jiggle · unstable

Jello

jello · wiggle · elastic

Tada

tada · celebrate · pop

Flash

flash · blink · urgent

Bounce

bounce · jump · playful

Wiggle

wiggle · icon · playful

Infinite Spin

spin · rotate · loading

Reverse Spin

spin · reverse · loading

Float

float · hover · levitate

Breath Scale

breath · scale · pulse

Gentle Rock

rock · swing · sway

Ping Radar

ping · radar · signal

Orbit

orbit · circle · rotate

Shimmer Loading

shimmer · skeleton · loading

Blink

blink · cursor · text

Color Morph

color · gradient · morph

Hover Grow

hover · scale · grow

Hover Shrink

hover · scale · shrink

Hover Lift

hover · lift · card

Hover Tilt

hover · tilt · card

Tap Bounce

tap · bounce · button

Press & Sink

press · sink · button

Focus Glow

glow · focus · input

FAB Press

fab · button · tap

Swipe to Delete

swipe · delete · gesture

Cross Fade

crossfade · switch · morph

Shape Morph

morph · shape · border

Expand Horizontal

expand · width · reveal

Expand Vertical

expand · height · reveal

Collapse

collapse · shrink · close

Scale + Rotate

scale · rotate · complex

Blur Reveal

blur · focus · reveal

Flip X

flip · horizontal · 3d

Flip Y

flip · vertical · 3d

Flip X Out

flip · exit · 3d

Flip Y Out

flip · exit · 3d

3D Rotate

rotate · 3d · perspective

Door Open

door · 3d · open

Push Right

push · navigation · forward

Push Left

push · back · navigation

Slide Up (Modal)

slide · modal · bottom

Slide Down (Dismiss)

slide · dismiss · close

Fade Through

fade · material · switch

Cross Dissolve

dissolve · crossfade · switch

Zoom In (Hero)

zoom · hero · detail

Zoom Out (Back)

zoom · back · shrink

Slide Over

slide · overlay · drawer

Cover Vertical

cover · vertical · stack

Flip Page

flip · page · 3d

Parallax Slide

parallax · depth · slide

Shared Axis X

axis · horizontal · material

Shared Axis Y

axis · vertical · material

Scale + Fade

scale · fade · elegant

Effect Fade In

fade · opacity · reveal

Stagger Fade In

fade · stagger · sequence

Blur Reveal

blur · focus · reveal

Blur + Fade In

blur · fade · entrance

Slide Up Effect

slide · up · entrance

Slide Down Effect

slide · down · entrance

Slide Left Effect

slide · left · entrance

Slide Right Effect

slide · right · entrance

Zoom Reveal

zoom · scale · reveal

Zoom Bounce In

zoom · bounce · elastic

Shine Sweep

shine · sweep · light

3D Tilt Effect

tilt · perspective · hover

Magnetic Pull

magnetic · cursor · attract

Click Ring

click · ring · feedback

Click Burst

click · burst · particles

Particle Expand

particles · scatter · burst

Highlight Sweep

highlight · background · sweep

Image Zoom

image · zoom · hover

Auto Expand

height · expand · content

Blur + Slide + Fade

combined · multi · entrance

Typewriter

type · cursor · text

Rotating Words

rotate · swap · words

Scrolling Odometre

scroll · digit · odometer

Number Pop

count · number · increment

Text Pop In

text · pop · title

Text Blur In

text · blur · reveal

Text Slide Up

text · slide · reveal

Text Bounce

text · bounce · playful

Staggered Words

split · chars · stagger

Text Shimmer

shimmer · wave · glow

Gradient Sweep

gradient · color · sweep

Highlight Sweep

highlight · underline · reveal

Text Morph

morph · character · transition

Split Rise

split · rise · words

Rolling Text

roll · rotate · reveal

Typing Reveal

typing · cursor · typewriter

Typing Blink

cursor · blink · typing

Sliding Number

slide · number · smooth

Text Bounce In

bounce · pop · entrance

Wave Text

wave · stagger · letters

Liquid Fill

liquid · fill · hover

Liquid Hover Scale

liquid · scale · hover

Liquid Tap Press

liquid · press · tap

Flip Front Face

flip · front · 3d

Flip Back Face

flip · back · 3d

Flip From Left

flip · left · 3d

Ripple Burst

ripple · material · tap

Button Shine

shine · sweep · hover

Button Hover Lift

hover · lift · shadow

Button Tap Scale

tap · press · scale

Icon Bounce

icon · bounce · button

Copy Check Mark

copy · check · success

Pulse Glow

pulse · glow · cta

Accordion Expand

accordion · expand · collapse

Accordion Chevron

chevron · rotate · indicator

Dialog Overlay

dialog · overlay · backdrop

Dialog Content Scale

dialog · modal · content

Dialog Exit

dialog · close · exit

Popover Pop

popover · dropdown · menu

Tooltip Reveal

tooltip · up · pointer

Tooltip From Top

tooltip · down · pointer

Switch Toggle

switch · toggle · thumb

Switch Background

switch · toggle · background

Checkbox Check

checkbox · check · draw

Checkbox Bounce

checkbox · bounce · confirm

Tab Indicator Slide

tabs · indicator · active

Tab Content Swap

tabs · content · switch

Progress Bar Fill

progress · bar · loading

Progress Indeterminate

progress · pulse · loading

Sheet Slide Right

sheet · panel · slide

Sheet Slide Bottom

sheet · bottom · slide

Dropdown Menu

dropdown · menu · content

Hover Card

hover · card · preview

Sidebar Slide

sidebar · panel · nav

Disclosure Toggle

disclosure · show · hide

Collapsible Reveal

collapsible · reveal · height

Menu Item Hover

menu · item · hover

Preview Card Hover

preview · card · lift

File Tree Indent

files · tree · expand

Alert Dialog Shake

alert · shake · warning

Toggle Group Select

toggle · group · select

Radio Group Select

radio · group · select

Heart Like Pop

heart · like · tap

Toast Drop In

toast · notification · snackbar

Skeleton Shimmer

skeleton · loading · placeholder

Notification Badge

badge · count · alert

Pull to Refresh

pull · refresh · loading

Chip Select

chip · tag · select

Slide-in Menu

menu · drawer · sidebar

Radio Dot Scale

radio · select · dot

Toggle Press

toggle · press · active

Scroll Progress Bar

scroll · progress · indicator

Bubble Rise

bubble · float · ambient

Gradient Shift

gradient · color · ambient

Star Twinkle

stars · twinkle · night

Firework Burst

firework · burst · celebration

Hexagon Pulse

hexagon · grid · pulse

Hole Zoom

hole · vortex · zoom

Aurora Wave

aurora · wave · ambient

Floating Particles

particles · float · ambient

Notification Stack

notification · stack · list

Notification Dismiss

notification · dismiss · swipe

Avatar Stack

avatar · group · overlap

Flip Card 3D

flip · card · 3d

Flip Card Back

flip · back · reveal

Share Expand Pill

share · expand · icons

Radial Menu Fan

radial · menu · fan

Radial Nav

radial · navigation · circle

Carousel Slide

carousel · slide · cards

Cursor Target

cursor · follow · pointer

Todo Check Off

todo · check · strikethrough

Pin List Entry

pin · list · stagger

Avatar Presence

avatar · status · online