jjhyuk / dynamic-islands

A sample of dynamic island designs recreated for inspiration

A sample of Dynamic Island widgets that will help you make better things!

🏝 Dynamic Islands

This repo aims to provide sample code for lots of different types of Live Activities in the Dynamic Island, for you to use as inspiration for your own projects. We start by recreating the Islands that Apple has introduced for the launch of the iPhone 14 Pro. The goal is to make each island type customizable, accessible and flexible so that you can easily change it to your needs.

If you want to play around with Swift Charts, check out the 📊 Swift Charts repo as well!

Todo

• Add explanations of the different components
• Add example that allows users to tap on objects and handle them
• Add examples that show updates
• Create better architecture
• Make islands accessible

See the open issues if you think anything is missing from this list. You can also contact me on Twitter if you have any suggestions or feedback.

How to add a new island 🏝

You will need to replicate all the files in the Island folder and add your new widget to the Widget Bundle. More instructions will follow. If you have any questions feel free to create an issue.

Islands

Apple

Phone

Recreation of the incoming phone call dynamic island

Music

Recreation of the now playing island

Generic

Areas

Overview of the different areas in an Expanded Dynamic Island view (Leading, Trailing, Center and Bottom)