LibraryDrink Stack

Drink Stack

component

Live preview14 parametersiOS 17.0+

Inspector14 controls

Drink

Flavor

Swaps the backdrop, liquid, badge, and selector colors together

Cup size

The cup the carousel slides to. Tapping a selector thumb updates this too

Brand backdrop

Fills the screen behind the cup with the flavor color

Cup

Outline width

Stroke weight of the cup, lid, and straw outlines

3pt

Cup scale

1×

Badge

Reveals the procedural flavor badge once the lid is on

Size selector

Shows the small, medium, and large thumbs beneath the cup

Liquid

Wave height

Crest height of the front wave. The back wave uses half

10pt

Wave speed

1×

Motion

Intro speed

Scales the whole draw-on, pour, and badge cascade

1×

Slide response

Spring response of the horizontal size change

0.4s

Pour splash

Pours a stream into the cup before the lid closes, splashing droplets

Splash intensity

Scales droplet throw and how hard the stream kicks the surface

1×

Intro

Replays the draw-on, pour, and badge sequence