50+ SwiftUI Open Source Projects With Guided Tutorials

A collection of SwiftUI projects published on Better Programming.

SwiftUI, Apple’s declarative UI framework was released in 2019 and has only gotten better from there.

Below, we’ve compiled some of the best SwiftUI open-source projects and guides created by Better Programming authors. I hope it inspires you to build more stuff using this amazing framework.

1. 3D Bar Charts

We all love implementing charts in our SwiftUI apps. To our respite, Apple now has a Charts framework to quickly populate any type of chart.

But ever wondered how to build it in 3D? Go no further, as Mark shows us how to build it using SceneKit and SwiftUI in this repository. You can also check out, the companion tutorial for it.

2. Pie Charts

With the new Charts framework, we have the ability to create line, area, rule, point charts as well, but the Pie charts component is still missing. Gladly, we needn’t reinvent the wheel as Nazar Ilamanov’s GitHub project shows how to build and customize pie charts.

3. The Snake Game

A handy project that uses gestures to detect swipe directions while also leveraging the concept of arrays. You can check out the full-tutorial by Sarah here.

4. Emoji Hunter Game

What if real images could be translated to emojis? Here’s a project that uses Core ML and Vision to perform image classification in a SwiftUI app. It looks up the predicted label in a table of emoji<>strings.

5. Multi-toggles

An implementation journey that explores the Toggle APIs and with workarounds for the issues faced — by Riccardo Cipolleschi.

6. Your Own Blog App

A solid CMS prototype by Roman Luzgin available in his repository shows how to create your own blog app in SwiftUI with a customizable interface. Here’s the complete guide to implementing it.

7. A Reddit Client App

One list row for each Reddit post, another screen to show the entire list* *of posts, with a search field, and a third for displaying the web content are all it took for Eric to create a Reddit client app using SwiftUI. It’s available in this GitHub repository with a hands-on tutorial as well.

8. A UIKit-like Toolbar

Before SwiftUI for iOS 14, there was no way of creating a SwiftUI Toolbar like in UIKit. So, Keith Lander implemented his own Swift package called ToolbarSUI. The code is available on GitHub.

9. Custom Popups Bubbles

By leveraging, CGAffineTransforms, Arcs, and Quad Curves, Aubree Quiroz shows how to create custom popup bubble shapes with anchor points:

10. Tinder-Style Swipeable Cards

By combining GeometryReader, gestures, and offsets, Brandon Baars’ project shows how to quickly build a swipeable cards SwiftUI prototype that’s popular in all dating apps today. Here’s the tutorial that walks us through the complete implementation.

11. Animating Credit Cards

Building animations in SwiftUI is a lot easier than in UIKit. Harnessing the Metal framework out of the box makes SwiftUI animations only more powerful and intuitive.

Fernando Moya de Rivas’s open-source project is an interactive one that shows how to animate credit cards by using rotation3DEffect, scaleEffect, and transition modifiers. The step-by-step tutorial is available here.

12. An iPod App

Who doesn’t remember the classic wheel picker and album cover flow of iPods! Back-to-back inspiring projects by Fernando. This one shows how to replicate the iPod design by using the divide-and-conquer strategy. Here’s a tutorial on it.

13. Sentiment-Classifier App

Creating machine learning models and running them on-device with less boilerplate code is enticing to build AI-based apps. Fred Gray shows how to predict whether a statement is positive or negative in real-time and display emojis — using SwiftUI, CoreML, CreateML, and NaturalLanguage framework.

14. Animal Crossing Game

Taking a cue from the popular game, Thomas Ricouard’s open-source project is a full-featured SwiftUI helper app. The repository is a gold mine for learning the fundamentals of SwiftUI and Combine.

15. Flexible Picker

Based on a Dribbble design, this project shows how to create custom flexible pickers with selectable views in SwiftUI. Jędrzej Chołuj has described the entire implementation in this story.

16. Multiple Complications in watchOS

This project walks us through adding different complications, updating them when descriptions change, and also responding to taps. Here’s the accompanying tutorial on it by Andrew Jackson.

17. Previewing Photos

Sarah shows how to scale and animate photos in a grid through SwiftUI gestures.

18. Confettis

Add particle emitters by leveraging SpriteKit to create a rain/lightning animation experience by following this tutorial by Nikhil Vinod.

19. Building Widgets

WidgetKit was introduced with iOS 14, and building widgets using SwiftUI is a whole lot easier today. Like this project explores the process of creating a weight progress widget with a step-by-step tutorial by Akashlal Bathe.

20. A Markdown Editor

Edit and format rich text in SwiftUI by creating your own editor with Markdown support. Andrew Zheng’s open-source project shows how to create one in just 43 lines of code. Here’s the tutorial on it.

21. Recreate the Old Mac OS X Panther Finder

Reminiscing the Aqua design from macOS 10? Worry not, as Rob recreates it using SwiftUI.

22. A Glassmorphism Login Screen

By using SwiftUI materials Sarah explores the different ways to create login screens with glass-like effects — convex, concave, and flat to name a few.

23. Multi Selectors

SwiftUI does provide a lot of views and controls to build production apps, but there are still some missing components — like the ability to support multi-selection in lists.

Here’s an open-source project by Cihat to plug in that custom component.

24. Handwriting Detection

By using the new Canvas view, building a paint application can be so much fun. Mark shows how to be creative by using the Vision framework to detect the drawn text from canvas.

25. A macOS App That Runs Python Too

Here’s a project by Anupam that builds a SwiftUI VideoPlayer on macOS. The USP? It runs a Python script to download videos by leveraging PythonKit — a framework for interoperability support between Python and Swift.

26. Let’s Shazam

Use ShazamKit to quickly integrate music recognition in your apps. Here’s the GitHub Repository and tutorial for the same by Rudrank Riyam.

27. Fancy Toasts

A common design component in Android, but not so much in iOS. Using Stacks and Shapes, Farhan Adji builds different types of Toasts in SwiftUI.

28. A Counter App in Augmented Reality

By using RealityKit, we can quickly add ARViews in our SwiftUI application as shown by Andronick Martusheff** **in his project and accompanying tutorial.

29. Word Cloud

This project creates a custom cluster of words of different shapes, sizes and positions in SwiftUI. Here’s the tutorial by Shen.

30. Simultaneous Scrolling Views

SwiftUI can do a lot, but the ScrollView is still limited. Luckily, there’s an Introspect library to access the underlying UIKit views. David Steinacher shows how to use it through his project for simultaneously scrolling views.

31. Analysing the Sentiments of Hacker News Stories

By running the Natural Language Processing framework and Combine on Hacker News feed, I’ve built a demo app to analyse the sentiment score of each comment — thereby getting an idea of the general reaction for each post.

Here’s the GitHub project and accompanying tutorial.

32. Movie Banner Effects

By using SpriteKit and Core Image filters, Mark’s created some amazing text effects in SwiftUI that’ll surely give any movie banner a run for its money.

33. An AI Fitness App to Count Squat Reps

Using Vision Body Pose Detection, Philipp Gehrke builds a SwiftUI camera app to detect count reps. Here’s the complete process to create this mobile-AI application.

34. A Web Scraping App

Here’s an interesting data scraping project to parse websites easily in SwiftUI — by using SwiftSoup. Ege Sucu shows how to build that app.

35. A Messaging App Prototype

Every app has a messaging system today. Sarah shows us how to quickly build the below interface:

36. Credit Card Anomaly Detection and Extracting Watermarks

This one uses Core Image CIColorAbsoluteDifference filter to determine the differences between images. From extracting watermarks to anomaly detection to extract credit card digits by using a blank card, the possibilities of computer vision on iOS are limitless. Here’s the GitHub repository.

37. An Object Detection App Using Amazon Rekognition and Amplify

Machine learning on mobile is powerful. But you can offload the intensive tasks to cloud services as well. Victor Sanchez builds a SwiftUI Object detection app using AWS services and outlines the complete process to build your own.

38. Intuitive Page Scrollers

From vertical page scrollers to multiple-page pagination to carousels, Fernando builds a complete pager app with source code available on GitHub.

39. 3D Pie Charts

Mark Lucking’s back with another amazing SceneKit + SwiftUI application. A design you’re likely to experience in the upcoming Apple glasses. Here’s the hands-on tutorial to build it.

40. Document-based app

Use DocumentGroup and FileDocument to create a text document-based app with Sarah.

41. Replicating Apple’s Reminder App

Peter’s Make It So application replicates Apple’s Reminders app using pure SwiftUI and Firebase. Here’s the complete walkthrough guide for building it.

42. A Help Center for Your iOS App

Created by Andrew Zheng by leveraging Markdown and GitHub Pages.

43. A BlackJack Trainer App

Through a BlackJack training app, Andrew Morgan shows how to get the most out of the SwiftUI previews app — even for views relying on data held in databases such as Realm or Core Data. While you’re at it, do check out his other amazing piece that builds a collaborative minesweeper game (published in Realm blog).

44. A Coin Detection App

Using Vision framework’s Contour Detection request, I’ve built an app to detect and draw boundaries on coins. Here’s the complete tutorial that also shows how to keep a count of the coins.

45. Heartbeat Animations

By using the Path and Shape modifiers, Sarah shows how to draw a heartbeat shape and animate it.

46. A Mesh

Inspired by a 70s sci-fi film, Mark builds a landscape sequence using custom geometry in SceneKit under SwiftUI.

47. Clone of Apple’s Calculator App

Through a two-part series (part 1 and part 2), Ricardo Montemayor creates an Apple-like calculator app from the scratch by using the MVVM architecture.

48. Catch The Berries

Mark’s back with another classic game concept. This one uses GeometryReader and Preferences protocol to build a slightly different snake game! Here’s the complete tutorial with the source code.

49. Neumorphic Animated Toggle

Create a customizable toggle view in SwiftUI with Sarah.

50. Background Changer App

Using an image segmentation model, I’ve built a SwiftUI app to quickly change or remove backgrounds from images. Here’s the full code.

51. Task-List App With Storage

Maegon Wilson explores the workings of Core Data and SwiftUI by building a CRUD-based app.

52. Matrix-like Effects

Mark shows three ways to build a Matrix opening credit-like screen:

• Using SwiftUI for iOS 13

• With SpriteKit in iOS 14

• With CanvasView in iOS 15

Stay tuned as we continue to update this collection.