Animations
6 components in Animations, each with an animated preview.
6 components
Breathing Guide CircleA circle that expands and contracts through breathe in, hold and breathe out phases, with a label and a countdown.
Keyframe Timeline ShowcaseA view animated by keyframe tracks for scale, offset and color, with the tracks and a playhead drawn on one shared timeline.
Phase Animator CycleA card that loops through several phases of scale, rotation and color.
Split Flap CounterA split-flap display where each digit flips down to its new value.
Spring Study PlaygroundSliders for response and damping that show how a spring moves a view and draw its curve.
Symbol Effect GalleryA gallery of SF Symbol effects, each played on demand and labeled with its name.
No component matches. Try fewer words, or clear the filters.