Awesome Open Source
Awesome Open Source

SwiftUI Kit

A SwiftUI system components and interactions demo app based on iOS 14, macOS Big Sur, watchOS 7, and tvOS 14.

SwiftUI Kit

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.

Includes Buttons, Colors, Controls, Fonts, Haptics, Images, Indicators, Shapes, Text, and more.

iOS, iPadOS, macOS, watchOS, tvOS

SwiftUI Kit examples

To run

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.

Accent color

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.

Contributing

Please feel free to submit pull requests in order to contribute back to SwiftUI Kit. This is for the SwiftUI community!

SwiftUI Resources

  • Recreate - A video series about recreating popular UI with SwiftUI
  • Primitive - Learn SwiftUI for designers

Apple Resources

  • 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.

By Jordan Singer (@jsngr)

Credit SwiftUI Apple Developer Documentation for many examples and terminology



Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Swift (65,149
Kit (10,289
Apple (8,382
Interaction (4,646
Symbols (3,705
Ipad (2,681
Swiftui (2,139
Tvos (1,499
Watchos (1,089
Ipados (146
Ios14 (86