# fun-swiftui-projects

**Repository Path**: yarsnowing/fun-swiftui-projects

## Basic Information

- **Project Name**: fun-swiftui-projects
- **Description**: No description available
- **Primary Language**: Swift
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-01
- **Last Updated**: 2025-11-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


# 50+ SwiftUI Open Source Projects With Guided Tutorials

A collection of SwiftUI projects published on [Better Programming](https://betterprogramming.pub/).

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](https://betterprogramming.pub/build-a-3d-bar-chart-in-scenekit-with-swiftui-789a2631ef6f)

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](https://marklucking.medium.com/) shows us how to build it using SceneKit and SwiftUI in this [repository](https://bitbucket.org/wizard1066/bars/src/master/). You can also check out, [the companion tutorial](https://betterprogramming.pub/build-a-3d-bar-chart-in-scenekit-with-swiftui-789a2631ef6f) for it.

![](https://cdn-images-1.medium.com/max/2000/0*qXwgNbl9neVesIC1.gif)

## 2. [Pie Charts](https://betterprogramming.pub/build-pie-charts-in-swiftui-822651fbf3f2)

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](https://ilamanov.medium.com/)’s [GitHub project](https://github.com/ilamanov/SwiftPieChart) shows how to build and customize pie charts.

![](https://cdn-images-1.medium.com/max/2000/0*xW_E8GDd0eAlsRXP.gif)

## 3. [The Snake Game](https://betterprogramming.pub/how-to-create-the-snake-game-in-swiftui-14a7e8162bf3)

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](https://betterprogramming.pub/how-to-create-the-snake-game-in-swiftui-14a7e8162bf3).

![](https://cdn-images-1.medium.com/max/2000/0*9xT_RBm27glSZB57.gif)

## 4. [Emoji Hunter Game](https://betterprogramming.pub/build-a-swiftui-core-ml-emoji-hunt-game-for-ios-eb4465ec4153)

What if real images could be translated to emojis? Here’s a [project](https://github.com/anupamchugh/iowncode/tree/master/SwiftUIVisionEmojiHunt) 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.

![](https://cdn-images-1.medium.com/max/2000/0*xKXNvj4mfTaIVuR3.png)

## 5. [Multi-toggles](https://betterprogramming.pub/implement-a-scalable-and-configurable-multi-toggle-swiftui-screen-ea484ef90691)

An [implementation journey](https://betterprogramming.pub/implement-a-scalable-and-configurable-multi-toggle-swiftui-screen-ea484ef90691) that explores the Toggle APIs and with workarounds for the issues faced — by [Riccardo Cipolleschi](https://riccardocipolleschi.medium.com/).

![](https://cdn-images-1.medium.com/max/2000/0*75gr1gG2yoS6V4-i.gif)

## 6. [Your Own Blog App](https://betterprogramming.pub/build-your-own-blog-app-with-swiftui-3ee8196ecb84)

A solid CMS prototype by [Roman Luzgin](https://shelkford.medium.com/) available in [his repository](https://github.com/roman-luzgin/BlogAppSwiftUI) shows how to create your own blog app in SwiftUI with a customizable interface. Here’s the [complete guide to implementing it](https://betterprogramming.pub/build-your-own-blog-app-with-swiftui-3ee8196ecb84).

![](https://cdn-images-1.medium.com/max/2800/0*iFoyFCB5GcMa45wE.png)

## 7. [A Reddit Client App](https://betterprogramming.pub/build-your-own-blog-app-with-swiftui-3ee8196ecb84)

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](https://medium.com/@eriklasky) to create a Reddit client app using SwiftUI. It’s available in this [GitHub repository](https://github.com/etlasky/Reddit-SwiftUI) with a [hands-on tutorial](https://betterprogramming.pub/making-a-simple-reddit-app-with-swiftui-d0a3e76d980a) as well.

![](https://cdn-images-1.medium.com/max/2000/0*9csbfdn7jN9Rv97t.gif)

## 8. [A UIKit-like Toolbar](https://betterprogramming.pub/a-swiftui-toolbar-777523c03b7d)

Before SwiftUI for iOS 14, there was no way of creating a SwiftUI Toolbar like in UIKit. So, [Keith Lander](https://medium.com/@keithlander) implemented his own Swift package called ToolbarSUI. The code is available [on GitHub](https://github.com/writing-shed/ToolbarSUI).

![](https://cdn-images-1.medium.com/max/2000/0*UsjwOxpDFYDlqt4w.png)

## 9. [Custom Popups Bubbles](https://betterprogramming.pub/cgaffinetransforms-arcs-and-quad-curves-in-swiftui-41e1dbfe6161)

By leveraging, CGAffineTransforms, Arcs, and Quad Curves, [Aubree Quiroz](https://medium.com/@aubreequiroz?source=post_page-----41e1dbfe6161--------------------------------) shows how to create custom popup bubble shapes with anchor points:

![](https://cdn-images-1.medium.com/max/2800/0*Q8cPJU9MKAzQJ4Ja.png)

## 10. [Tinder-Style Swipeable Cards](https://betterprogramming.pub/swiftui-create-a-tinder-style-swipeable-card-view-283e257cb102)

By combining GeometryReader, gestures, and offsets, [Brandon Baars](https://brandonleebaars.medium.com/?source=post_page-----283e257cb102--------------------------------)’ [project](https://github.com/bbaars/SwiftUI-Tinder-SwipeableCards) shows how to quickly build a swipeable cards SwiftUI prototype that’s popular in all dating apps today. Here’s the [tutorial](https://betterprogramming.pub/swiftui-create-a-tinder-style-swipeable-card-view-283e257cb102) that walks us through the complete implementation.

![](https://cdn-images-1.medium.com/max/2800/0*HAWPpMKr1tXnSKkN.png)

## 11. [Animating Credit Cards](https://betterprogramming.pub/how-to-create-fun-animations-in-swiftui-1c08adcb93ce)

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](https://medium.com/@fmdr.ct?source=post_page-----1c08adcb93ce--------------------------------)’s [open-source project](https://github.com/fermoya/BankCards) 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](https://betterprogramming.pub/how-to-create-fun-animations-in-swiftui-1c08adcb93ce).

![](https://cdn-images-1.medium.com/max/2000/0*iwcvcCoK0ejMxOxl.gif)

## 12. [An iPod App](https://betterprogramming.pub/how-to-create-fun-animations-in-swiftui-1c08adcb93ce)

Who doesn’t remember the classic wheel picker and album cover flow of iPods! Back-to-back [inspiring projects](https://github.com/fermoya/iPod) by Fernando. This one shows how to replicate the iPod design by using the divide-and-conquer strategy. Here’s a [tutorial](https://betterprogramming.pub/build-a-classic-ipod-app-with-swiftui-f1ff3f19b97e) on it.

![](https://cdn-images-1.medium.com/max/2000/0*2sE4N4oLbSLmFOvG.gif)

## 13. [Sentiment-Classifier App](https://betterprogramming.pub/create-a-sentiment-analyser-app-with-createml-and-swiftui-1a24071b6894)

Creating machine learning models and running them on-device with less boilerplate code is enticing to build AI-based apps. [Fred Gray](https://fredclampgray.medium.com/?source=user_profile-------------------------------------) shows [how to predict](https://betterprogramming.pub/create-a-sentiment-analyser-app-with-createml-and-swiftui-1a24071b6894) whether a statement is positive or negative in real-time and display emojis — using SwiftUI, CoreML, CreateML, and NaturalLanguage framework.

![](https://cdn-images-1.medium.com/max/2000/0*QOraPnXBqqfo1MIN.gif)

## 14. [Animal Crossing Game](https://betterprogramming.pub/build-a-swiftui-animal-crossing-application-part-1-aaf3528c1df)

Taking a cue from the popular game, [Thomas Ricouard](https://dimillian.medium.com/?source=post_page-----aaf3528c1df--------------------------------)’s [open-source project ](https://github.com/Dimillian/ACHNBrowserUI)is a full-featured SwiftUI helper app. The repository is a gold mine for [learning the fundamentals](https://betterprogramming.pub/build-a-swiftui-animal-crossing-application-part-1-aaf3528c1df) of SwiftUI and Combine.

![](https://cdn-images-1.medium.com/max/2800/0*3wosgiIJDXGxgZKw.png)

## 15. [Flexible Picker](https://betterprogramming.pub/flexible-picker-with-swiftui-5817ffe9fddf)

Based on a Dribbble design, [this project](https://github.com/jcholuj/FlexiblePickerExample) shows how to create custom flexible pickers with selectable views in SwiftUI. [Jędrzej Chołuj](https://medium.com/@jedrzejcholuj?source=post_page-----5817ffe9fddf--------------------------------) has described the entire implementation in [this story](https://betterprogramming.pub/flexible-picker-with-swiftui-5817ffe9fddf).

![](https://cdn-images-1.medium.com/max/2000/0*pMMqKkXiYUE3Ce68.gif)

## 16. [Multiple Complications in watchOS](https://betterprogramming.pub/multiple-complications-in-watchos-7-3a07b7bd566b)

This [project](https://github.com/andrew-codechimp/Multi-Complication-Example) walks us through adding different complications, updating them when descriptions change, and also responding to taps. Here’s the [accompanying tutorial](https://betterprogramming.pub/multiple-complications-in-watchos-7-3a07b7bd566b) on it by [Andrew Jackson](https://medium.com/@codechimp_org?source=user_profile-------------------------------------).

![](https://cdn-images-1.medium.com/max/2000/0*-SnfFm_dGxVmB_84.gif)

## 17. [Previewing Photos](https://betterprogramming.pub/how-to-preview-photos-in-swiftui-6c3a04d40bda)

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

![](https://cdn-images-1.medium.com/max/2000/0*3DCkhkHHbu3pO5iy.gif)

## 18. [Confettis](https://medium.com/better-programming/rain-lightning-animation-using-spritekit-in-swiftui-part-1-%EF%B8%8F-e2cf489e5d25)

Add particle emitters by leveraging SpriteKit to create a rain/lightning animation experience by following this [tutorial](https://medium.com/better-programming/rain-lightning-animation-using-spritekit-in-swiftui-part-1-%EF%B8%8F-e2cf489e5d25) by [Nikhil Vinod](undefined).

![](https://cdn-images-1.medium.com/max/2000/0*zg-vFwK-eWCcB2nH.gif)

## 19. [Building Widgets](https://betterprogramming.pub/build-your-first-widget-in-ios-14-with-widgetkit-9b893423e815)

WidgetKit was introduced with iOS 14, and building widgets using SwiftUI is a whole lot easier today. Like this [project](https://github.com/iAkashlal/SwiftUI-Widgets) explores the process of creating a [weight progress widget](https://betterprogramming.pub/build-your-first-widget-in-ios-14-with-widgetkit-9b893423e815) with a step-by-step tutorial by [Akashlal Bathe](https://medium.com/@iAkashlal?source=post_page-----9b893423e815--------------------------------).

![](https://cdn-images-1.medium.com/max/2800/0*Yg1mWeqdiw9IKDFS.png)

## 20. [A Markdown Editor](https://betterprogramming.pub/build-a-markdown-editor-with-swiftui-in-ios-15-767a2e9348a9)

Edit and format rich text in SwiftUI by creating your own editor with Markdown support. [Andrew Zheng](undefined)’s [open-source project](https://github.com/aheze/MarkdownTextEditor) shows how to create one in just 43 lines of code. Here’s the [tutorial on it](https://betterprogramming.pub/build-a-markdown-editor-with-swiftui-in-ios-15-767a2e9348a9).

![](https://cdn-images-1.medium.com/max/2000/0*3tbp-1AA5HGrjDOL.png)

## 21. [Recreate the Old Mac OS X Panther Finder](https://betterprogramming.pub/recreate-the-old-mac-os-x-panther-finder-using-swiftui-d08a8afb6357)

Reminiscing the Aqua design from macOS 10? Worry not, as [Rob](https://robsturgeon.medium.com/) recreates it using SwiftUI.

![](https://cdn-images-1.medium.com/max/NaN/0*kTNHl_9cl-OaK2Ph.png)

## 22. [A Glassmorphism Login Screen](https://betterprogramming.pub/build-a-glassmorphism-login-screen-using-swiftui-materials-b909b1527414)

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.

![](https://cdn-images-1.medium.com/max/2800/0*4tOYp_4L6bmo91UW.png)

## 23. [Multi Selectors](https://betterprogramming.pub/multi-selector-in-swiftui-52238dc2a690)

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](https://github.com/Jeehut/MultiSelectorDemo) by Cihat to plug in that [custom component](https://betterprogramming.pub/multi-selector-in-swiftui-52238dc2a690).

![](https://cdn-images-1.medium.com/max/2000/0*9v4rvxJ2DYNMsPoi.gif)

## 24. [Handwriting Detection](https://betterprogramming.pub/text-recognition-on-swiftui-canvas-with-vision-in-ios-15-a838318f20d2)

By using the new Canvas view, building a paint application can be so much fun. [Mark](https://marklucking.medium.com/) shows how to be creative by using the Vision framework to [detect the drawn text from canvas](https://betterprogramming.pub/text-recognition-on-swiftui-canvas-with-vision-in-ios-15-a838318f20d2).

![](https://cdn-images-1.medium.com/max/2000/0*8wV44WcYAe-fITMM.gif)

## 25. [A macOS App That Runs Python Too](https://betterprogramming.pub/from-swift-import-python-f2fc2a997d4)

Here’s a [project](https://github.com/anupamchugh/iowncode/tree/master/PythonKitBasics) by [Anupam](https://anupamchugh.medium.com/) 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](https://betterprogramming.pub/from-swift-import-python-f2fc2a997d4).

![](https://cdn-images-1.medium.com/max/2000/0*ZvuuCkFW_5nlerjv.gif)

## 26. [Let’s Shazam](https://betterprogramming.pub/exploring-shazamkit-with-swiftui-in-ios-15-577a7ce1dc51)

Use ShazamKit to quickly integrate music recognition in your apps. Here’s the [GitHub Repository](https://github.com/rudrankriyam/Sample-Projects/tree/main/Musadora) and [tutorial](https://betterprogramming.pub/exploring-shazamkit-with-swiftui-in-ios-15-577a7ce1dc51) for the same by [Rudrank Riyam](https://rudrankriyam.medium.com/?source=post_page-----577a7ce1dc51--------------------------------).

![](https://cdn-images-1.medium.com/max/2800/0*UcuZtNZPvJYUVYYp.png)

## 27. [Fancy Toasts](https://betterprogramming.pub/swiftui-create-a-fancy-toast-component-in-10-minutes-e6bae6021984)

A common design component in Android, but not so much in iOS. Using Stacks and Shapes, [Farhan Adji](https://medium.com/@farhanadji?source=post_page-----e6bae6021984--------------------------------) builds [different types of Toasts in SwiftUI](https://betterprogramming.pub/swiftui-create-a-fancy-toast-component-in-10-minutes-e6bae6021984).

![](https://cdn-images-1.medium.com/max/2000/0*JngYXoCrAnw82bxH.png)

## 28. [A Counter App in Augmented Reality](https://betterprogramming.pub/how-to-add-text-to-an-arview-in-an-ios-application-tutorial-f3f746f4dc1f)

By using RealityKit, we can quickly add ARViews in our SwiftUI application as shown by [Andronick Martusheff](https://medium.com/@martusheff?source=user_profile-------------------------------------)** **in his [project](https://github.com/martusheff/ar-counter) and accompanying [tutorial](https://betterprogramming.pub/how-to-add-text-to-an-arview-in-an-ios-application-tutorial-f3f746f4dc1f).

![](https://cdn-images-1.medium.com/max/2800/0*KjlwVIxUA9NrimiA.jpeg)

## 29. [Word Cloud](https://betterprogramming.pub/how-to-add-text-to-an-arview-in-an-ios-application-tutorial-f3f746f4dc1f)

This [project](https://github.com/tomasen/WordCloudDemo) creates a custom cluster of words of different shapes, sizes and positions in SwiftUI. Here’s the [tutorial by Shen](https://betterprogramming.pub/word-cloud-in-swiftui-eee3d69f7d22).

![](https://cdn-images-1.medium.com/max/2800/0*gX6cKrDhR0XjCuVF.png)

## 30. [Simultaneous Scrolling Views](https://betterprogramming.pub/simultaneously-scrolling-scrollviews-in-swiftui-2e8ef70ee993)

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](https://medium.com/@davidsteinacher?source=post_page-----2e8ef70ee993--------------------------------) shows how to use it through his [project](https://github.com/stonko1994/SimultaneouslyScrollView) for [simultaneously scrolling views](https://betterprogramming.pub/simultaneously-scrolling-scrollviews-in-swiftui-2e8ef70ee993).

![](https://cdn-images-1.medium.com/max/2000/0*72qKK7gx7R4Ug4Zf.gif)

## 31. [Analysing the Sentiments of Hacker News Stories](https://betterprogramming.pub/sentiment-analysis-on-ios-using-swift-natural-language-and-combine-hacker-news-top-stories-d1b8d8f4f798)

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](https://github.com/anupamchugh/iowncode/tree/master/SwiftUIHNSentiments) project and [accompanying tutorial](https://betterprogramming.pub/sentiment-analysis-on-ios-using-swift-natural-language-and-combine-hacker-news-top-stories-d1b8d8f4f798).

![](https://cdn-images-1.medium.com/max/2000/0*DD5ReGBkD4awN-Zk.gif)

## 32. [Movie Banner Effects](https://betterprogramming.pub/text-sfx-with-swiftui-spritekit-c3f9777f0f1c)

By using SpriteKit and Core Image filters, Mark’s created some [amazing text effects in SwiftUI](https://betterprogramming.pub/text-sfx-with-swiftui-spritekit-c3f9777f0f1c) that’ll surely give any movie banner a run for its money.

![](https://cdn-images-1.medium.com/max/2000/0*5lyQ5mLN5vQVbGbh.gif)

## 33. [An AI Fitness App to Count Squat Reps](https://betterprogramming.pub/ios-14-vision-body-pose-detection-count-squat-reps-in-a-workout-c88991f7cad4)

Using Vision Body Pose Detection, [Philipp Gehrke](undefined) [builds a SwiftUI camera app](https://github.com/philippgehrke/SquatCounter/tree/main) to detect count reps. Here’s the [complete process](https://betterprogramming.pub/ios-14-vision-body-pose-detection-count-squat-reps-in-a-workout-c88991f7cad4) to create this mobile-AI application.

![](https://cdn-images-1.medium.com/max/2000/0*86i_BSHx3towKSN-.gif)

## 34. [A Web Scraping App](https://betterprogramming.pub/how-to-read-website-in-swiftui-c1bb17a06bf8)

Here’s an [interesting data scraping project](https://github.com/egrimo/WebDataScraper) to parse websites easily in SwiftUI — by using SwiftSoup. [Ege Sucu](undefined) shows how to [build that app](https://betterprogramming.pub/how-to-read-website-in-swiftui-c1bb17a06bf8).

![](https://cdn-images-1.medium.com/max/2800/0*KPiVqrPIWtn8Ep1e.png)

## 35. [A Messaging App Prototype](https://betterprogramming.pub/build-a-chat-app-interface-with-swiftui-96609e605422)

Every app has a messaging system today. [Sarah](https://medium.com/@sarah.h.alsharif) shows us how to quickly build the below interface:

![](https://cdn-images-1.medium.com/max/2800/0*ob7PNUoyxBjWfycc.png)

## 36. [Credit Card Anomaly Detection and Extracting Watermarks](https://betterprogramming.pub/image-difference-using-computer-vision-in-ios-14-7753b8d61e82)

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](https://github.com/anupamchugh/CoreImageAbsoluteColorDiff).

![](https://cdn-images-1.medium.com/max/2000/0*3Xo-IYVzkhhDH_HX.png)

## 37. [An Object Detection App Using Amazon Rekognition and Amplify](https://betterprogramming.pub/build-an-object-detection-app-using-amazon-rekognition-amplify-and-swiftui-20b51dd0024b)

Machine learning on mobile is powerful. But you can offload the intensive tasks to cloud services as well. [Victor Sanchez](undefined) [builds a SwiftUI Object detection app](https://github.com/rolisanchez/swiftui-rekognition-amplify-tutorial) using AWS services and outlines the complete process to build your own.

![](https://cdn-images-1.medium.com/max/2000/1*vjyFVfsWhecUU3pKAaCADg.png)

## 38. [Intuitive Page Scrollers](https://betterprogramming.pub/paged-scroll-in-swiftui-a-step-ahead-c6a5f74f9924)

From vertical page scrollers to multiple-page pagination to carousels, [Fernando](https://medium.com/@fmdr.ct) builds a complete pager app with source code [available on GitHub](https://github.com/fermoya/SwiftUIPager).

![](https://cdn-images-1.medium.com/max/2000/0*9ILnI70GBmEbvWVC.gif)

## 39. [3D Pie Charts](https://betterprogramming.pub/build-a-3d-pie-chart-using-scenekit-and-swiftui-423f24fc765a)

[Mark Lucking](undefined)’s back with another amazing [SceneKit + SwiftUI application](https://github.com/wizard1066/Pie). A design you’re likely to experience in the upcoming Apple glasses. Here’s the hands-on tutorial to build it.

![](https://cdn-images-1.medium.com/max/2000/0*lWbaA0NsylQNvfbo.gif)

## 40. [Document-based app](https://betterprogramming.pub/build-a-text-documents-app-in-swiftui-857411f30fde)

Use DocumentGroup and FileDocument to create a [text document-based app with Sarah](https://betterprogramming.pub/build-a-text-documents-app-in-swiftui-857411f30fde).

![](https://cdn-images-1.medium.com/max/2800/0*T5HiLMQfVD9LWLJN.png)

## 41. [Replicating Apple’s Reminder App](https://betterprogramming.pub/confirmation-dialogs-in-swiftui-63758a57da5c)

Peter’s [Make It So application](https://github.com/peterfriese/MakeItSo/tree/develop) replicates Apple’s Reminders app using pure SwiftUI and Firebase. Here’s the [complete walkthrough guide for building it](https://betterprogramming.pub/confirmation-dialogs-in-swiftui-63758a57da5c).

![](https://cdn-images-1.medium.com/max/3360/0*EkdJJiH8i2UooAYz.gif)

## 42. [A Help Center for Your iOS App](https://betterprogramming.pub/build-a-help-center-for-your-ios-app-79b4884f77f1)

Created by [Andrew Zheng](https://aheze.medium.com/) by leveraging [Markdown and GitHub Pages](https://betterprogramming.pub/build-a-help-center-for-your-ios-app-79b4884f77f1).

![](https://cdn-images-1.medium.com/max/2800/0*neVRL_8qVtfMq0lf.png)

## 43. [A BlackJack Trainer App](https://betterprogramming.pub/making-swiftui-previews-work-for-you-6e54f46afbf)

Through a [BlackJack training app](https://github.com/mongodb-developer/BlackJackTrainer), [Andrew Morgan](https://am-mongodb.medium.com/) 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](https://medium.com/realm/building-a-collaborative-ios-minesweeper-game-with-realm-935fcb68f0c3) (published in [Realm blog](https://medium.com/realm)).

![](https://cdn-images-1.medium.com/max/2000/0*5UJ_C4oML58nQIdq.gif)

## 44. [A Coin Detection App](https://betterprogramming.pub/new-in-ios-14-vision-contour-detection-68fd5849816e)

Using Vision framework’s Contour Detection request, I’ve [built an app](https://github.com/anupamchugh/iOS14-Resources/tree/master/iOS14VisionContourDetection) to detect and draw boundaries on coins. Here’s the [complete tutorial](https://betterprogramming.pub/new-in-ios-14-vision-contour-detection-68fd5849816e) that also shows how to keep a count of the coins.

![](https://cdn-images-1.medium.com/max/2000/0*MGgsVztNkpar7drx.png)

## 45. [Heartbeat Animations](https://medium.com/better-programming/how-to-create-an-animated-heartbeat-shape-with-swiftui-a8c543cf31d2)

By using the Path and Shape modifiers, Sarah shows [how to draw a heartbeat shape](https://medium.com/better-programming/how-to-create-an-animated-heartbeat-shape-with-swiftui-a8c543cf31d2) and animate it.

![](https://cdn-images-1.medium.com/max/2000/0*2v11tG90KN0wFIWu.gif)

## 46. [A Mesh](https://betterprogramming.pub/build-a-mesh-using-custom-geometry-in-scenekit-under-swiftui-44cadaa3727d)

Inspired by a 70s sci-fi film, [Mark](https://marklucking.medium.com/) builds a landscape sequence using custom geometry in SceneKit under SwiftUI.

![](https://cdn-images-1.medium.com/max/2000/0*P9h8-cKSRHzGfTRQ.gif)

## 47. [Clone of Apple’s Calculator App](https://betterprogramming.pub/complete-the-apple-calculator-in-swiftui-using-mvvm-99571a5875b4)

Through a two-part series ([part 1](https://betterprogramming.pub/build-the-apple-calculator-in-swiftui-2fad61285dc8) and [part 2](https://betterprogramming.pub/complete-the-apple-calculator-in-swiftui-using-mvvm-99571a5875b4)), [Ricardo Montemayor](undefined) creates an [Apple-like calculator app](https://github.com/ricardomongza99/Calculator) from the scratch by using the MVVM architecture.

![](https://cdn-images-1.medium.com/max/2000/0*_bxQGDwrKQEWpUUc.gif)

## 48. [Catch The Berries](https://betterprogramming.pub/build-a-snake-game-in-swiftui-using-geometryreader-c6785cfc7b59)

[Mark’s](https://marklucking.medium.com/) 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](https://betterprogramming.pub/build-a-snake-game-in-swiftui-using-geometryreader-c6785cfc7b59).

![](https://cdn-images-1.medium.com/max/2000/0*odcoBIydoT3G6EMe.gif)

## 49. [Neumorphic Animated Toggle](https://betterprogramming.pub/neumorphic-animated-toggle-in-swiftui-af697ba17f5f)

Create a customizable toggle view in SwiftUI with [Sarah](https://medium.com/@sarah.h.alsharif).

![](https://cdn-images-1.medium.com/max/2000/0*XeV-nHqJ9wTimBHe.gif)

## 50. [Background Changer App](https://betterprogramming.pub/coreml-image-segmentation-background-remove-ca11e6f6a083)

Using an image segmentation model, I’ve built a SwiftUI app to quickly change or remove backgrounds from images. Here’s the full [code](https://github.com/anupamchugh/iowncode/tree/master/CoreMLBackgroundChangeSwiftUI).

![](https://cdn-images-1.medium.com/max/2000/1*F8Wsl1v4dc2i5kctA77kOw.jpeg)

## 51. [Task-List App With Storage](https://betterprogramming.pub/how-to-make-a-task-list-using-swiftui-and-core-data-a8ab6eaf0f58)

[Maegon Wilson](https://maeganwilson.medium.com/) explores the workings of Core Data and SwiftUI by building a CRUD-based app.

![](https://cdn-images-1.medium.com/max/2000/0*N6jLmxBMcky2xKKS)

## 52. [Matrix-like Effects](https://betterprogramming.pub/3-ways-to-create-the-iconic-matrix-opening-credits-scene-in-swiftui-dcdfac072175)

[Mark](https://marklucking.medium.com/) 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

![](https://cdn-images-1.medium.com/max/2000/0*AzRzbFxX1edjBUCP.gif)

Stay tuned as we continue to update this collection.