SwiftUI

SwiftUI copied to clipboard

SwiftUI Examples

About

Examples projects using SwiftUI & Combine.
Include Layout, UI, Animations, Gestures, Draw and Data.

See projects files in Files & Other Projects folders. If you have project, make a pull request or create issue with link to repo.

Interested in UI and animations in UIKit?
See awesome-ios-ui pack with UI elements.

If you like the project, don't forget to put star ★ and follow me on GitHub:

Navigate

• Animatable Cards
• Area to Card

Other projects

• Transition And Blur
• 2048 Game
• SFSymbols
• Calculator
• Creating And Combining Views
• Building Lists And Navigation
• Handling User Input
• WWDCPlayer
• Composing Complex Interfaces
• Working With UIControls
• Example To-Do App
• iPadOS Scenes
• Combine using GitHub API
• Async image loading
• Interfacing With UIKit
• GitHub Search
• Time Travel
• Drawing Paths And Shapes
• Animating Views And Transitions
• Jike
• Flux
• PureGenius
• SwiftUI Download Progress View
• SwiftUI SideMenu
• SwiftUI Currency App
• SwiftUI Weather App
• DesignCode SwiftUI App
• SwiftUI SlideToOpen
• Currency Converter & Calculator
• FlipClock-SwiftUI
• Countdown Film Clutter
• SpotlightSearch
• Growing text view in SwiftUI
• Calculator Clone for iPadOS
• MGFlipView

Also include:

• Movie
• InstaFake
• TempusRomanumII
• SwiftUI + Redux
• React Meets SwiftUI
• Webview
• UINote
• SplitView
• Card Animation

Animatable Cards

3D

For add 3D rotation for back cards use code:

.rotation3DEffect(
	Angle(degrees: dragState.isActive ? 0 : 60), axis: (x: 10.0, y: 10.0, z: 10.0)
 )

For medium card use 30 angles.

Animation

In preview I am use Spring animation for all cards:

.animation(.spring())

Area to Card

SFSymbols

For button using SFSymbols pack with ready-use icons. Also support customisable weight:

Image(systemName: show ? "slash.circle.fill" : "slash.circle")
   .font(Font.title.weight(.semibold))

Button

For change state using @State as property:

@State var show = false

Transition And Blur

2048 Game

SFSymbols

Calculator

Creating And Combining Views

Building Lists And Navigation

WWDCPlayer

Handling User Input

Composing Complex Interfaces

Working With UIControls

Example To-Do App

iPadOS Scenes

Combine using GitHub API

Async image loading

Interfacing With UIKit

GitHub Search

Time Travel

Drawing Paths And Shapes

Animating Views And Transitions

Jike

Flux

PureGenius

SwiftUIDownloadView

SwiftUI SideMenu

Source

SwiftUI Currency

Source

SwiftUI Weather

Source and Tutorial

DesignCode SwiftUI

Source

MTSlideToOpen-SwiftUI

Source

Currency Converter & Calculator

Source

FlipClock-SwiftUI

Source

Light	Dark

CountdownFilmClutter-SwiftUI

Source

SpotlightSearch

Source

Light	Dark

SwiftUI Weather App with MVVM and CoreML

Source

Growing text view in SwiftUI

Source

MGFlipView

Source

Authors

Thanks for Jinxiansen, ra1028, timdonnelly, TwoLivesLeft, devxoul, cmtrounce, unixzii, ra1028 for examples project.

Other Projects

I love being helpful. Here I have provided a list of libraries that I keep up to date. For see video previews of libraries without install open opensource.ivanvorobei.by website.
I have libraries with native interface and managing permissions. Also available pack of useful extensions for boost your development process.

Russian Community

Подписывайся в телеграмм-канал, если хочешь получать уведомления о новых туториалах.
Со сложными и непонятными задачами помогут в чате.

Видео-туториалы выклыдываю на YouTube: