Since past Apple's keynote, where SwiftUI was announced, tons of docs, examples, videos and tutorials have appeared. The goal of this repository is to gather all this information having a unique place where looking for info about SwiftUI.
SwiftUI is an innovative, exceptionally simple way to build user interfaces across all Apple platforms with the power of Swift. Build user interfaces for any Apple device using just one set of tools and APIs. With a declarative Swift syntax thatโs easy to read and natural to write, SwiftUI works seamlessly with new Xcode design tools to keep your code and design perfectly in sync. Automatic support for Dynamic Type, Dark Mode, localization, and accessibility means your first line of SwiftUI code is already the most powerful UI code youโve ever written.
Table of contents
๏ฃฟ by Apple
๐ง Beta Software
๐ Documentation
- SwiftUI
- Official doc
- Essentials
- Learn to Make Apps with SwiftUI. Follow a series of guided tutorials to learn to make apps using SwiftUI and Xcode.
- User Interface
- Views and Controls. Present your content onscreen and handle user interactions.
- View Layout and Presentation. Combine views in stacks, generate groups and lists of views dynamically, and define view presentations and hierarchy.
- Drawing and Animation. Enhance your views with colors, shapes, and shadows, and customize animated transitions between view states.
- Framework Integration. Integrate SwiftUI views into existing apps, and embed AppKit, UIKit, and WatchKit views and controllers into SwiftUI view hierarchies.
- Data and Events
- State and Data Flow. Control and respond to the flow of data and changes within your appโs models.
- Gestures. Define interactions from taps, clicks, and swipes to fine-grained gestures.
- Previews in Xcode
- Previews. Generate dynamic, interactive previews of your custom views.
- Develop Apps with SwiftUI
- Develop Apps with SwiftUI. Create apps using SwiftUI and Xcode. Build Scrumdinger, an app that keeps track of daily scrums.
- Essentials
๐น WWDC videos
- 2๏ธโฃ0๏ธโฃ2๏ธโฃ0๏ธโฃ
- Build SwiftUI apps for tvOS
- Build complications in SwiftUI
- Introduction to SwiftUI
- What's new in SwiftUI
- App essentials in SwiftUI
- Visually edit SwiftUI views
- Build a SwiftUI view in Swift Playgrounds
- Build document-based apps in SwiftUI
- Stacks, Grids, and Outlines in SwiftUI
- Build SwiftUI views for widgets
- Data Essentials in SwiftUI
- Structure your app for SwiftUI previews
- 2๏ธโฃ0๏ธโฃ1๏ธโฃ9๏ธโฃ
๐ most interesting
๐ฉ๐ผโ๐ซ Tutorials
- Creating and Combining Views
- Working with UI Controls
- Handling User Input
- Building Lists and Navigation
- Drawing Paths and Shapes
- Animating Views and Transitions
- Composing Complex Interfaces
- Interfacing with UIKit
๐ by the community
๐ Books
- Swift UI by Tutorials by Ray wenderlich
- Combine: Asynchronous Programming with Swift by Ray wenderlich
- Catalyst by Tutorials by Ray wenderlich
- SwiftUI by Example - Book by Hacking with Swift
- SwiftUI Animations Quick Start (free) - Visual Quick Start Textbook by Big Mountain Studio
- SwiftUI Views Quick Start (free) - Visual Quick Start Reference by Big Mountain Studio
- Using Combine (PDF/ePub at Gumroad by Joseph Heck
- ๐จ๐ณSwiftUIๅฎๆ๏ผๅธฆไฝ ๅ ฅ้จ่นๆๆๆฐ็UIๅผๅๆกๆถ - SwiftUI in Action, bring you the latest UI development framework from Apple by zixiao233
๐ Courses
- Learn SwiftUI. by Meng To
- SwiftUI Quick Start Guide with iOS 13 and Xcode 11 . by DevTechie Interactive
- ๐จ๐ณSwiftUI ไธญๆๆ็จ - SwiftUI-Tutorials. by WillieWangWei
- SwiftUI - The Complete Developer Course. by Stephen DeStefano
๐ฐ Articles
- SwiftUI by Example by Hacking with Swift
- Get started with SwiftUI by Hacking with Swift
- SwiftUI tips and tricks by Hacking with Swift
- Higher-Order-Components in SwiftUI by Andrei Villasana
- SwiftUIโs relationship to UIKit and AppKit by @SwiftBySundell
- Answers to the most common questions about SwiftUI by @SwiftBySundell
- A first look at SwiftUI: Appleโs declarative new UI framework by @SwiftBySundell
- Inside SwiftUI's Declarative Syntax's Compiler Magic by Bruno Rocha
- Making real-world app with SwiftUI by Majid Jabrayilov
- SwiftUI Are we saying goodbye to IB(UIStoryboard)? by Mohammad Sawalha
- How To Make a Simple Countdown Timer with SwiftUI by Antoine Barrault
- Tutorial: How to setup a SwiftUI project by Martin Lasek
- What SwiftUI Means for Flutter by Martin Rybak
- Intro to SwiftUI by Santosh Botre
- SF Symbols in iOS 13 by craiggrummitt
- Understanding SwiftUI in depth by Balraj Singh
- A Skeptics view on SwiftUI by Jille van der Weerd
- Optionals in SwiftUI by Jasper Haggenburg
- Presenting UIViewControllers in SwiftUI by Johannes Nevels
- SwiftUI for React Native Developers by Rohan Panchal
- SwiftUI First Look: Building a Simple Table View App by AppCoda
- Will Storyboards still be alive? by Nabil Kazi
- ๐ซ๐ท Quโest-ce que SwiftUI? by Nicolas Bachur
- RxSwift to Appleโs Combine โCheat Sheetโ by Shai Mishali
- First impressions of SwiftUI by Matt Gallagher
- Playing with SwiftUI Buttons by Alejandro Martinez
- Jun 9 The Swift 5.1 features that power SwiftUIโs API by @SwiftBySundell
- Everything you need to know about SwiftUI to get started by BLCKBRIDS
- Intro to SwiftUIโโโPart 1 by Suyash Srijan
- How to build a Chat App or Messenger in SwiftUI for iOS Swift by Nick Halavins
- SwiftUI: Getting Started by Ray wenderlich
- SwiftUI meets Kotlin Multiplatform! by johnoreilly.dev
- Understanding the SwiftUI Sample by Rui Peres
- ๐จ๐ณ SwiftUI - First experience by ๅฝผๅพๆฝ็ iOS App Neverland
- SwiftUI Will Change More Than How We Code by Harlan Kellaway for Prolific Interactive
- Whatโs this โsomeโ in SwiftUI? by Mischa Hildebrand
- SwiftUI vs Interface Builder and storyboards by Hacking with Swift
- SwiftUI Basics: List Fetching by Mat Schmid
- SwiftUI, personal thoughts and Model-View-Presenter by David Cordero
- Cloning Tinder using SwiftUI by David Doll
- SwiftUI: Project migration from UIKit by Nik Rodionov
- MessageUI, SwiftUI and UIKit integration
- Mastering Table Views (Lists) in SwiftUI by BLACKBIRDS
- Making a Real World Application With SwiftUI by Thomas Ricouard
- SwiftUI vs Compose by QuickBird Studios
- Advanced Lists in SwiftUI
- GeometryReader to the Rescue by The SwiftUI Lab
- Inspecting the View Tree - View Preferences by The SwiftUI Lab
- View Extensions for Better Code Readability by The SwiftUI Lab
- ScrollView โ Pull to Refresh by The SwiftUI Lab
- My takeaway from working with SwiftUI by Abbas T. Khan
- SwiftUI & Combine: Better Together by Peter Friese
- The Simple Life(cycle) of a SwiftUI View by @dbolella
- Modal View in SwiftUI by Denis Chashchin
- SwiftUI Layout System: An In-Depth Look by Alexander Grebenyuk
- SwiftUI Data Flow by Sarah Reichelt
- Clean Architecture for SwiftUI by @nallexn
- Programmatic navigation in SwiftUI project by @nallexn
- 8 Amazing SwiftUI Libraries to Use in Your Next Project by @rudrankriyam
- The Inner Workings of State Properties in SwiftUI by Zheng
- Say Goodbye to SceneDelegate in SwiftUI by Zheng
- Infinite List Scroll with SwiftUI and Combine by Yet Another Swift Blog
- View Communication Patterns in SwiftUI by Yet Another Swift Blog
- SwiftUI Previews at Scale by Yet Another Swift Blog
- Using UIView and UIViewController in SwiftUI by Yet Another Swift Blog
๐ค Unit Testing
๐ฑ UI Testing
๐จ Xcode Extensions
- nef - This Xcode extension enables you to make a code selection and export it to a snippets. Available on Mac App Store.
๐ฆ Repositories
- 100 Days of SwiftUI & Combine Repo to follow along with Hacking with Swift's 100 Days of SwiftUI Challenge.
- Currency Converter & Calculator A currency application for most of the currencies in the world. You can quickly convert and make mathematical operations between currencies.
- SwiftSunburstDiagram A library written with SwiftUI to easily render sunburst diagrams given a tree of objects.
- SwiftUI.
SwiftUI
Framework Learning and Usage Guide. ๐ - SwiftUITodo. An example to-do list app using SwiftUI which is introduced in WWDC19.
- KeyboardAvoiding. A SwiftUI view that manages a UIViewController that responds to keyboard events with modified additionalSafeAreaInsets.
- DispatchStore. Swift package that implements an operation based, multi-store ร -la Flux for SwiftUI.
- GitHubSearchWithSwiftUI. SwiftUI based GitHubSearch example.
- SwiftUI-MovieDB. SwiftUI MovieDB prototype app built with Xcode 11 Beta & macOS 10.15 Catalina.
- WWDCPlayer. ๐ค WWDC19 player using SwiftUI.
- MyDogs. A simple SwiftUI example for testing Lists, BindableObject, State management and Network.
- MovieSwiftUI. SwiftUI & Combine app using MovieDB API.
- CryptoTickerSwiftUI. Example project using a websocket API and SwiftUI to displays latest BTC-USD trade. (Latest Bitcoin price)
- SwiftUIRedux. Comprehensive Redux library for SwiftUI, ensures State consistency across Stores with type-safe pub/sub pattern.
- SwiftUI-Combine. This is an example project of SwiftUI and Combine using GitHub API.
- SwiftUITimeTravel. An experimental time traveling state store for SwiftUI.
- SwiftUI_Jike. SwiftUI imitation app interface (Build Jike App with SwiftUI).
- 2048. A 2048 game writing with SwiftUI.
- SwiftUI-Landmarks. Introducing SwiftUI. A declarative way to create User Interfaces with Swift.
- SwiftUI-Flux. ๐ This is a tiny experimental application using SwiftUI with Flux architecture.
- SwiftUI-by-Examples. Examples of new SwiftUI framework.
- SwiftUICalculator. A calculator app using SwiftUI which is introduced in WWDC19.
- InstaFake-Swift-UI. Swift UI Demo for an instagram copy.
- SwiftUITheme. A first idea to style SwiftUI Views.
- Lists_-_Navigation_SwiftUI. Exploration of Apple Developer's SwiftUI tutorial, detailing how to build lists and enable navigation between views with #SwiftUI.
- injectable. A micro framework that leverages Swift Property Wrapper to implement the Service Locator pattern.
- SwiftWebImage. ๐SwiftUI image downloader for BindingObject with performant LRU mem/disk cache.
- NetworkImage.swift. Basic NetworkImage support for SwiftUI via Kingfisher
- SwiftUI-Combine-todo-example. A to-do list app using SwiftUI and combine with restful api.
- Bindings.swift. Re-implementation of @binding and @State (from SwiftUI) myself to better understand it.
- Contacts.swift
- CombineUnsplash. Exploring SwiftUI + Combine + Result by using Unsplash API, with detailed code explanation.
- RemoteImage.swift. Rough sketch of SwiftUI RemoteImage using AlamofireImage.
- CombineFeedback. Unidirectional reactive architecture using new Apple Combine framework.
- Harvest. ๐พ Harvest: Apple's Combine.framework + State Machine, inspired by Redux and Elm.
- Redux HandlingUserInput. HandlingUserInput tutorial showcasing redux style of state and change management.
- SwiftUI-Cheat-Sheet. SwiftUI Cheat Sheet.
- swiftui_shadow_and_border.swift. Testing SwiftUI. Adding shadow and corner radius to a View. Strange behavior depending on View background color.
- SwiftUI-MVVM. Sample iOS project built by SwiftUI + MVVM and Combine framework using GitHub API.
- SwiftUI-Circular.swift. Rough attempt at creating a container view that lays out its children in a circle.
- NotesApp.swift. A notes app written in >100 lines of swift using SwiftUI.
- UnsplashSwiftUI.
UnsplashSwiftUI
A simple app powered by SwiftUI and Unsplash ๐ - AniTime. Anime schedule, korean subtitle for iOS with SwiftUI + Combine and MVVM architecture
- Fluxus. Flux for SwiftUI, inspired by Vuex.
- ChartView in SwiftUI. Easy to use animated Chartview supporting
Bar and Piecharts
- Weather. ๐ค A simple SwiftUI weather app using MVVM.
- Chat. ๐ฌ A basic SwiftUI chat app that leverages the new
URLSessionWebSocketTask
. - toBlockingArray for Combine. Acts like RxBlocking, for writing tests using the Combine framework.
- ImageWithActivityIndicator. SwiftUI view that download and display image from URL and displaying Activity Indicator while loading. Demo
- ๐ฏ๐ฏ Burritos. A collection of Swift Property Wrappers (formerly "Property Delegates").
- Hackery A HackerNews client made using SwiftUI.
- SwiftUI-Redux-Todo Example An opinionated React/Redux inspired Todo example.
- Currency Converter. A Currency converter app.
- bottombar-swiftui. BottomBar component for SwiftUI
- DealStack. Simple card stack implemented with SwiftUI
- SwiftUI-PathAnimations. Tools for SwiftUI that helps perform Path and Shape animations
- CombineBookSearch. SwiftUI + Combine + MVVM architecture.
- YanxuanHD, The iPad version of '็ฝๆไธฅ้' iOS app
- Babylon demo MVVM with a project-level separation of layers and a leaf
View
framework. - RKCalendar Simple SwiftUI Calendar / Date Picker.
- Morphi Additional
Shape
for SwiftUI. - โฏ VideoPlayer, A video player for SwiftUI.
- DrawerView-SwiftUI A drawer view with certain customizability implemented by SwiftUI.
- SwiftUIX An extension to the standard SwiftUI library.
- SwiftUI-Router. A routing system proof-of-concept based on React Router.
- SwiftUI ColorSlider. Dynamically select a color from a color gradient slider.
- โจ๏ธ KeyboardObserving A Combine-based solution for observing and avoiding the keyboard in SwiftUI.
- โ Calculator Checklist Recreation of calculator-checklist project in SwiftUI.
- Arrival BART app writen entirely with SwiftUI
- SF A Small SFSymbols SwiftUI Enum.
- Pull to Refresh SwiftUI pull to refresh for List, NavigationView
- ConnectFour A basic Connect Four game built with SwiftUI
- Modal View A simple and safe way to display Modal views in SwiftUI
- SwiftUI CompatKit ๐ค A framework to add missing UIKit Controls to SwiftUI ๐ค
- SDWebImageSwiftUI. SDWebImage integration for SwiftUI. Supports async image loading, caching, as well as animated image playback like GIF, APNG and Animated WebP.
- FlipClock-SwiftUI Flip clock implementation in SwiftUI
- CountdownFilmClutter-SwiftUI Old fashioned countdown film clutter in SwiftUI
- ๐น๐ทSwiftUI-Presentation SwiftUI explained in Turkish and prepared a demo application.
- Sliders. Custom sliders and tracks for SwiftUI.
- ๐ Pages A lightweight, paging view solution for SwiftUI.
- ๐ PartialSheet A SwiftUI modifier to show a Partial Modal Sheet based on his content height.
- ๐ Clock time picker. A clock face with draggable hands to pick the hour and minutes of your date.
- ๐จ๐ณ SwiftUI-WeChat Learn how to make WeChat with SwiftUI. ๅพฎไฟก 7.0 ๐ข
- Weather App with MVVM and CoreML ๐ This demo is very simple project, which designed to understand SwiftUI. It includes Main screen, DayList screen and detail screen.
- Verge A Store-Pattern based data-flow architecture for iOS Application with UIKit / SwiftUI. Inspired by Redux and Vuex.
- Clean Architecture for SwiftUI A demo project showcasing the production setup of the SwiftUI app with Clean Architecture.
- SwiftUI-Introspect Introspect underlying UIKit components from SwiftUI.
- ๐ฏ๏ธ Lazy-Pop-SwiftUI Modifier that allows swiping on any part of the screen to start an interruptible pop animation to the previous view.
- ๐ฅ Login-with-Apple-Firebase-SwiftUI SwiftUI component that handles logging in with Apple into Firebase. Complete tutorial in the README.
- Awesome-SwiftUI A curated list of awesome SwiftUI tutorials, libraries, videos and articles.
- GrowingTextView-SwiftUI Growing text view implemetation in SwiftUI
- ๐ ActionOver A SwiftUI modifier to show an Action Sheet on iPhone and a Popover on iPad and Mac. Write just once the actions for the menus.
- ๐CardStack A easy-to-use SwiftUI view for Tinder like cards on iOS, macOS & watchOS.
- Floating Tab Bar A floating tab bar made in SwiftUI
- iOS Calculator Clone for iPadOS using SwiftUI A clone of the native iOS built-in Calculator for iPadOS using SwiftUI, mimicking the native Calculator UI and funtions.
- StepperView SwiftUI iOS component for Step Indications
- ๐ UrbanVillageProjectScreens Recreations of the Urban Village Project concept screens.
- ๐ฑ SharedObject A new property wrapper for SwiftUI
ObservableObject
. - ๐งญ BetterSafariView A better way to present a
SFSafariViewController
or start aASWebAuthenticationSession
in SwiftUI. - MGFlipView allows to create flipping view in easy way without worrying about flipping animation and flipping logic.
- SwiftUIListSeparator View extension to hide/modify List separators in SwiftUI iOS13 and iOS14.
- InfiniteScroller Horizontal and Vertical collection view for infinite scrolling that was designed to be used in SwiftUI
- SwiftUI Tooltip SwiftUI Tooltip implementation that works on all platforms and supports SwiftUI v1.0
- SVG to SwiftUI SVG to SwiftUI Shape converter
Layout ๐
- ASCollectionView A SwiftUI collection view with support for custom layouts.
- QGrid The missing SwiftUI collection view.
- FlowStack. A grid layout component.
- GridStack. A flexible grid layout view for SwiftUI.
- WaterfallGrid. A waterfall grid layout view for SwiftUI.
- Grid. SwiftUI Grid with custom styles.
๐ฅ Videos
- SwiftUI Sneak Preview Demo Project
- How to Run SwiftUI on Mojave with Playgrounds and Sample Code
- SwiftUI Basics: Dynamic Lists, HStack VStack, Images with Circle Clipped Stroke Overlays
- SwiftUI: Facebook Complex Layouts - Horizontal Scroll View
- SwiftUI Basics Tutorial
- SwiftUI App Tutorial - Lists, Navigation and JSON Data
- SwiftUI Presenting Data In A Scroll View & List
- Intro To SwiftUI: Simple State Management
- Before You Learn SwiftUI, You Need To Hear This...
- SwiftUI = Mind-blow - WWDC iOS developer reaction
- SwiftUI - DON'T LEARN IT (JUST YET)
- SwiftUI Beginner Tutorial On iOS 13 by Devslopes
- Simple SwiftUI App by Brian Advent
- SwiftUI Tutorial (Swift UI Basics in 1 Video)
- How To Create Views, Text and Stacks with Swift UI on Mojave
- SwiftUI NavigationView, List, Text, NavigationBarTitle Xcode 11
- NavigationView and NavigationButton - Push View in SwiftUI
- What's behind SwiftUI DSL? - Swift Function Builders - Following Swift Evolution
- Let's Code SwiftUI (WWDC 2019 Preview) - Lesson #00 - รber das Let's Code
- SwiftUI - Understanding State
- SwiftUI - Lists - Create Something like UITableView
- ๐ช๐ธ SwiftUI: Primeros Pasos en Xcode 11 e iOS 13
- ๐ช๐ธ SwiftUI + Xcode 11: Descubre Swift Package Manager y SF Symbols
- SwiftUI Tutorial - Create a list that fetches JSON
- SwiftUI Complete Apps #1: Build a dynamic list app with navigation and images โ Tutorial
- Complex UI with SwiftUI from Start to Finish
- SwiftUI in UIKit? Yes! Meet DuckUI - Full Course
- SwiftUI and State Management: Part 1
- SwiftUI and State Management: Part 2
- Orient Views Along Circular Motion Path
- SwiftUI-CSS, The missing CSS-like module for SwiftUI
- SwiftUI Live: Building an app from scratch
๐ Websites
- SwiftUI Hub - SwiftUI Tutorials & Resources
- Fucking SwiftUI - SwiftUI Cheat Sheet
- Gosh Darn SwiftUI - SwiftUI Cheat Sheet (work-friendly mirror)
- The SwiftUI Lab - When the documentation is missing, we experiment
โค๏ธ Contributing
Feel free to contribute!! This repo is yours.