UI and Animations in SwiftUI
19 sections - 4 hours of video
Add to favorites
Notify me
Level up your UI and animation skills by implementing various applications from custom designs in SwiftUI
Taught by Dara To
Purchase includes access to 50+ courses, 320+ premium tutorials, 300+ hours of videos, source files and certificates.
19 topics
All techniques are explained step-by-step, in a beginner-friendly format so that you can easily follow in a cohesive way.
1
Weather App - Intro
Build a weather app from custom design and prototype
18:34
2
Weather App - Attributed String
Apply different stylings on portions of string
9:01
3
Weather App - Custom Tab Bar
Build a non-native tab interface for navigation
9:33
4
Weather App - Arc and Custom Shapes
Draw custom shapes with paths
9:52
5
Weather App - Bottom Sheet
Insert a slidable sheet with designated positions
13:18
6
Weather App - Background Blur
Blend in a blur backdrop between layers
9:40
7
Weather App - Inner Shadow
Create depth effect with diffused shadow inside a shape
9:37
8
Weather App - Parallax Effect
Add scrolling animations in background
16:55
9
Weather App - Segmented Control
Toggle between similar content with tab buttons
10:25
10
Weather App - Forecast Data Model
Model data and compose static data for weather forecast
6:14
11
Weather App - Forecast Card
Implement card component with different states
12:45
12
Weather App - Conditional Scroll View
Scroll animation on switch of card collection
7:10
13
Weather App - Custom Navigation Bar
Design sticky header for navigation
9:55
14
Weather App - Weather Widget
View weather details by cities
9:13
15
Weather App - Search Bar
Allow searching content inside navigation bar
11:27
16
Smart Home Thermostat Part 1
Create color assets and climate card
18:40
17
Smart Home Thermostat Part 2
Build round elements of the thermometer
21:29
18
Smart Home Thermostat Part 3
Draw scale lines and show summary
16:00
19
Smart Home Thermostat Part 4
Turn dial using drag gesture with animation
20:35
Templates and source code
Download source files
Download the videos and assets to refer and learn offline without interuption.
Design template
Source code for all sections
Video files, ePub and subtitles
Browse all downloads
What's included?
All courses come with downloadable files to help you design, code and follow the course offline.
300+ hours of video
Subtitles in English, Chinese
Source files, ePub
UI, icons, illustrations
Premium, support chat
Source files
Design templates and source code files are included to help you learn.
ePub files
Read offline using Books for iOS, Mac or other apps that can read this format.
Video files
Download the videos so that you can watch later or offline using any video player.
Meet the instructor
We all try to be consistent with our way of teaching step-by-step, providing source files and prioritizing design in our courses.
Dara To
Full-stack Developer
I'm a former financial analyst turned coder. Vegetarian, health-centered, dog owner.
5 courses - 25 hours
UI and Animations in SwiftUI
Level up your UI and animation skills by implementing various applications from custom designs in SwiftUI
4 hrs
Build an Expense Tracker App in SwiftUI
Design and code a SwiftUI 3 app in Xcode 13 with data modeling, data networking, Combine, MVVM and libraries for custom icons and charts.
3 hrs
Build Quick Apps with SwiftUI
Apply your Swift and SwiftUI knowledge by building real, quick and various applications from scratch
11 hrs
Advanced React Hooks Handbook
An extensive series of tutorials covering advanced topics related to React hooks, with a main focus on backend and logic to take your React skills to the next level
3 hrs
Build an ARKit 2 App
Introduction to ARKit and learn how to make your own playground. You will be able to add models or even your own designs into the app and play with them
4 hrs
Flutter
Certificate
Figma
Certificate
SwiftUI
Certificate
UI Design
Certificate
Create a profile
Get certificates
After passing a test, we’ll award you with an online certificate. You can add them to your profile after completing the courses.
Stories
How students learned from our courses
See what people have learned and built by taking courses from Design+Code
Haawa
iOS Developer
Haawa
iOS Developer
Hey MengTo, I launched my iOS/watchOS app RunnerGoal almost completely built with SwiftUI. Thank you for the design lessons and many controls and animation that I used from you SwiftUI course. Man bowing deeply.
Mogens Egeskov
iOS Developer
Mogens Egeskov
iOS Developer
After months of hard work i'm excited to share my new app "Read" which helps you reach your yearly book goal by telling you how many pages or percent to read daily. You can time your read.
Mike Ekkel
Frontend Engineer at Bynder
Mike Ekkel
Frontend Engineer at Bynder
What I really like about @MengTo's SwiftUI course is how he introduces you to awesome use cases for so many of the view modifiers. While this scroll animation is straight from the course, you can imagine all the cool things you could do with it!
Artem Adams
Artchitect at IBM
Artem Adams
Artchitect at IBM
Learned a lot from your course to port my app from #AppleWatch to #iPhone, #iPad and #Mac. All SwiftUI, one code base, iCloud, learn words with Widgets.
Chris Ching
Teaches iOS Programming
As a developer, I really appreciated the chapters on Color Theory and Typography. It was just the right balance of theory combined with examples.
Rachel Nelson
Mobile developer
Your first book was extremely helpful for me because, like yourself, I also started off as a pixel-pusher and I liked to make things look pretty without thinking too much of how design really functions. Your book has really helped me to fine-tune my skills in design!