SwiftUI by Example

SwiftUI Components Code Collection Kit

Stop struggling to figure out how to use various SwiftUI components when you're building your app user interface. Download this kit and save hours of time by referencing or copy pasting the code for your own project.

Xcode project showing SwiftUI code beside an iPhone preview

Benefits

Ready-to-use code samples for most projects

Follow Apple's native design language

Apple's Human Interface Guidelines (HIG) is the holy grail for best practices in building for iOS. With this downloadable Xcode project, you get access to dozens of ready-to-use code of every single SwiftUI Component that follows the guidelines for optimal user experience.

Apple Developer design guidelines shown on screen

More efficient code implementation

This code collection kit is made for developers who want a faster and easier way to build their own app UI by copy-pasting usable code.

Consistency with a wide range of SwiftUI Components

Implement all kinds of components seamlessly and consistently within your Xcode project.

A collage of native iOS SwiftUI component examples

What's Inside

What's in the SwiftUI Components Code Kit?

Supercharge your workflow with 30+ production-ready code of the most used SwiftUI components.

Charts

Image Views

Text Views

Link

GroupBox

Disclosure Controls

Labels

Lists

Tables

Split Views

Activity Views

Buttons

Toolbars

Tab Bars

Action Sheets

Alerts

Page Controls

Popover

Scrollviews

Sheets

Color Pickers

Pickers

Segmented Controls

Sliders

Steppers

Textfields

Toggles

Virtual Keyboards

Activity Rings

Gauges

Progress Indicators

Built by developers, for developers

Our developers have spent weeks putting together this convenient downloadable Xcode project that contains example code for every single SwiftUI element. With this kit, you can:

Use a wide range of SwiftUI components

See and implement what's available for your unique app user interface.

Learn how every component works

Test drive every single SwiftUI component and reverse engineer the code to see how they work.

Make UIs that follow Apple's design language

Observe the best practices in ensuring a clean and familiar user experience for your iOS app.

About Us

Hi, I'm Chris!

I'm the founder and lead instructor here at CodeWithChris. I've been teaching iOS app development for 10 years, helping total beginners build apps from scratch.

However, our mission goes beyond helping people build their first app. We're equally committed to providing useful resources to early-stage developers who want to get simple coding tasks done, while still understanding how things work.

With this code kit, we hope to do just that.