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, do not forget to put star ★
and follow me on GitHub:

https://github.com/ivanvorobei

Navigate

Other projects

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

SPAlert

You can find this alerts in AppStore after feedback or after added song to library in Apple Music. Contains popular Done, Heart presets and many other. Done preset present with draw path animation like original. Also available simple present message without icon. Usage in one line code.

SPPerspective

Animation of widgets from iOS 14. 3D transform with dynamic shadow. Look video preview. Available deep customisation 3D and shadow. Also you can use static transform without animation.

SPPermissions

Using for request and check state of permissions. Available native UI for request multiple permissions at the same time. Simple integration and usage like 2 lines code.

SPDiffable

Simplifies working with animated changes in table and collections. Apple’s diffable API required models for each object type. If you want use it in many place, you pass time to implement it and get over duplicates codes. This project help do it elegant with shared models and special cell providers. Support side bar iOS14 and already has native cell providers and views.

SparrowKit

Collection of native Swift extensions to boost your development. Support tvOS and watchOS.

SPIndicator

Floating indicator, mimicrate to indicator which appear when silent mode turn on / off. Support large texts and has ready-use animatable icons like done and error.

Russian-specking Community

В телеграм-канале Код Воробья пишу о iOS разработке. Помощь можно найти в нашем чате. Видео-туториалы выклыдываю на YouTube:

Tutorials on YouTube

GitHub

https://github.com/ivanvorobei/SwiftUI