A playground of various standard UI elements, fonts, and colors. You can use the Environment Overrides in Xcode to change things like Dynamic Type size and Light/Dark appearance to see how the UI elements react. Use the Playground tab to create some customized common UIKit elements.
The colors and text styles presented in the app are the system available ones from iOS 14+ (for example, the systemMint color is only available in iOS 15+ and not included here).
Design Playground requires Xcode and supports devices and simulators running iOS 14.5+.
- Open the
Design Playground.xcodeprojfile in Xcode. - Choose a Simulator or device and click the Run icon or use the keyboard shortcut
⌘-R. - Search for
// NOTE:in the code to find UI elements that you can change the properties of to experiment.