Dynamic Island on iPhone 14 - How It Works

You can access Now Playing controls, timers, and more right from the Dynamic Island on your iPhone

When Media is Playing you can touch and hold the activity

[{"selector":"#anim-9ceef122-5906-4a7c-95a9-f07238e72218 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-21.758927504050053%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-fd0a5abe-e395-4e35-b7f1-2165e0e2ae7a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-17b7e08f-3a29-40f9-bbd8-dd66ffc8fa58","keyframes":{"transform":["translate3d(-112.42236%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

In the Dynamic Island to access the Now Playing Controls

[{"selector":"#anim-a9c8b49b-3b36-4cf8-90fc-55f1140cff4a [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(24.977113043987714%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-bf7bb760-4438-4ab3-b11e-88744e885f74","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9fd3736c-bdc8-4bc9-acb3-695846056fad","keyframes":{"transform":["translate3d(0px, -643.06884%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Next, Open Control Center

[{"selector":"#anim-5530274b-6edd-4b54-9569-7bd56bee46fa [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-21.758927504050053%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-786621cc-6a35-4177-b8e9-19d5db69f5bb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d24dc923-814e-4fe4-ae72-af4f20df1804","keyframes":{"transform":["translate3d(0px, 178.38660%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

And Start a Timer

[{"selector":"#anim-12a36569-0a4b-4908-8f55-a29212f19f32 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(25.083701850908103%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-28b08414-5dba-4d69-bba4-abdc72b74c73","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dac914af-f930-452e-b06a-8d3057950255","keyframes":{"transform":["translate3d(115.52795%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Now, you have two activities in Dynamic Island

[{"selector":"#anim-e78a22d8-ffa4-4b13-af71-5b5e6d3d59ba [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-21.419695401996602%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-10539740-0153-41ac-9f22-dfc93ee806a9","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}]

Touch and hold the time

[{"selector":"#anim-804efd86-3e09-44ed-9922-befe58586f2f [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(24.921629924351322%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-0661ccac-46d7-46b7-a42e-12c061581bd6","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4fb818bd-f942-4de9-8897-103a54554a27","keyframes":{"transform":["translate3d(-112.42236%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

to see it.

[{"selector":"#anim-b342563c-2e37-4c42-b108-2b8ca6308924 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-21.84248097297297%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-e806c7e3-c8aa-4152-95ea-ba0e09629b9e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f5845494-2c92-4bd8-9a4d-69154bbd13b9","keyframes":{"transform":["translate3d(0px, -1731.33894%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

You can tap an activity in the Dynamic Island to go back to the app

[{"selector":"#anim-5e30abbb-8a50-4c36-b510-3b48e03ef933 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(24.903080834058684%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-c84bd14b-c256-4009-9176-3584e1763258","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-da71a45a-4219-49c9-b10d-a36105079e36","keyframes":{"transform":["translate3d(0px, 154.49736%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

And that's how you navigate with the Dynamic Island

[{"selector":"#anim-00929726-4fe5-4475-aa8f-14d6eb1d6855 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-22.192136066807485%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-854e925b-ea59-4912-8f20-507c3ccc6b18","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0a29d15e-6e97-498d-8e94-94b13c480032","keyframes":{"transform":["translate3d(115.52795%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

share now

[{"selector":"#anim-d942f71d-9345-4858-a6c2-656cf22dcf34 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-a53ad4cf-0bc0-4c3f-b660-d05cb9162788","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-45ffc7ef-86c6-4cd2-b3be-d4ff53eaeb0f","keyframes":{"transform":["translate3d(0px, 1536.46723%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-18a517ab-202c-4745-807a-b3e9b752e283","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c90e4522-5295-4f69-8cb3-913ff5e1b9d1","keyframes":{"transform":["rotate(-315deg) translate3d(0px, 1172.79734%, 0) rotate(315deg)","rotate(-315deg) translate3d(0px, 0px, 0) rotate(315deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Light Yellow Arrow Learn more