A SwiftUI system components and interactions demo app.
Experience the power of SwiftUI’s system components and interactive features through a captivating demo app. This hands-on demonstration allows you to discover the versatility and seamless integration of SwiftUI’s UI elements.
Immerse yourself in a visually stunning interface built using SwiftUI’s extensive library of system components.
From buttons and sliders to navigation views and lists, this demo app showcases how these components enhance user interaction and create a delightful user experience.
A SwiftUI system components and interactions demo app based on iOS 14, macOS Big Sur, watchOS 7, and tvOS 14.
Use the SwiftUI Kit app to see how SwiftUI views appear and interact when using the system defaults. You can view the source to see how particular examples work.
Make sure you’re using Xcode 12+ as well as a device running iOS 14+. Works on iPhone, iPad, Mac, Apple Watch, and Apple TV.
To change the accent color and see how it affects the system components, go to the AccentColor section of Assets.xcassets in Xcode. You can then change the Light and Dark accent colors that will be applied to the app.
- Recreate – A video series about recreating popular UI with SwiftUI
- Learn SwiftUI for designers
- Apple Human Interface Guidelines – Apple’s design guidelines for creating best-in-class apps.
- SF Symbols – Apple’s comprehensive library of vector-based symbols included in Apple’s system fonts that you can incorporate into your app.