SwiftUI - Examples projects using SwiftUI released by WWDC2019. Include Layout, UI, Animations, Gestures, Draw and Data.

Overview

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

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

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:

Tutorials on YouTube

Comments
  • Alphabetical or Historical Ordering

    Alphabetical or Historical Ordering

    Hello 👋

    Can you please order the README.md either alphabetically or historically, some canny people have been already merged their projects in first places.

    opened by mustafaozhan 4
  • Add a SwiftUI project for iPadOS

    Add a SwiftUI project for iPadOS

    Hi,

    I created a Calculator App mimicking the iOS Calculator, for iPadOS, using SwiftUI.
    It looks like the enlarged version of the iOS Calculator on iPads, and have the basic functions like simple calculations and copy/paste.

    Not sure if it can be added to this repo as an example (https://github.com/bofeiw/ios-calculator-clone-for-ipados), so just making an issue instead of PR.

    Thanks!

    opened by bofeiw 1
  • Xcode 11 beta4

    Xcode 11 beta4

    Hi,

    here are two commits to update the repo for Xcode 11 beta4. The second commit is optional, removing most deprecation warnings. There is still one error which seems to be a toolchain bug in project 2048 where the interface file does not compile and will need to be followed up with a radar.

    opened by johnno1962 1
  • Add Clendar Calendar sample

    Add Clendar Calendar sample

    Checklist

    • [x] Only one for pull request
    • [ ] UI Library
    • [ ] Installed correct via Swift Package Manager or Cocoapods
    • [x] Clean Readme
    • [x] Preview
    • [x] Added to bottom
    opened by vinhnx 0
  • new UI developed, new colors collection added, some small functions i…

    new UI developed, new colors collection added, some small functions i…

    …mproved

    Checklist

    • [ ] Only one for pull request
    • [ ] UI Library
    • [ ] Installed correct via Swift Package Manager or Cocoapods
    • [ ] Clean Readme
    • [ ] Preview
    • [ ] Added to bottom
    opened by KanishkVijaywargiya 0
  • ADD SpotlightSearch

    ADD SpotlightSearch

    Thanks for this repository, it is really helpful in many ways for SwiftUI tasks.

    I wrote some library using SwiftUI, Combine, and I've found good SwiftUI repository. While It has got still less stars, it is now queued in cocoa-controls to be rolled out. I Hope that it will be accepted!!

    Thanks!

    opened by boraseoksoon 0
  • Update CalculatorBrain.swift

    Update CalculatorBrain.swift

    Added an "AC" function, as well as a modulus ("%") function - in the calculator.swift I changed the layout as well, not sure if it was really wanted but got bored - I also changed calculator.swift to work with this

    opened by thom-bahm 0
  • Update Calculator.swift

    Update Calculator.swift

    Changed layout of calculator UI, and added Modulus function with an "AC" (clear) function (also removed some others) - I also changed calculatorBrain, so you'll need to approve both for either to work

    opened by thom-bahm 0
  • Workaround for beta 5+.

    Workaround for beta 5+.

    There was a slight regression in beta5 which meant the isFavourite star in the WWDC Player example stopped updating. This workaround fixes this for now. I have a radar open.

    opened by johnno1962 0
  • Minimum changes for Xcode 11 beta 5

    Minimum changes for Xcode 11 beta 5

    Hi,

    Best I can do for beta 5. "2048" is still broken this time with timeout type checking and Hiking badges and apparently anything to do with paths is broken this beta so I've commented it out. Haven't followed through on deprecation messages so as much as possible works with beta 4.

    opened by johnno1962 0
  • Redundant property wrappers in GitHub user search

    Redundant property wrappers in GitHub user search

    I've looked into GitHub user search project and found out that views contain unnecessary property wrappers (@State). According to WWDC sessions those shouldn't appear in such context. I removed them and search continued working correctly. I assume it'd be helpful removing them from repo to prevent newbies in Combine study on project with mistakes. Also I found out that project contains parts that are not used at all. I guess I can provide PR if needed)

    Thank you for this amazing repo btw! I also speak Russian if that helps.

    opened by glassomoss 0
Owner
Ivan Vorobei
iOS Developer
Ivan Vorobei
A new Flutter dialog with a series of beautiful animations, slide fade rotate size scale rotate3D animations.

flutter_animated_dialog A new Flutter dialog with a series of beautiful animations, slide fade rotate size scale rotate3D animations. Dialog barrier i

null 20 Dec 3, 2022
Sample Flutter Drawing App which allows the user to draw onto the canvas along with color picker and brush thickness slider.

DrawApp Sample Flutter Drawing App which allows the user to draw onto the canvas along with color picker and brush thickness slider. All code free to

Jake Gough 226 Nov 3, 2022
A flutter package that adds support for vector data based animations.

animated_vector Description and inspiration A package that adds support for vector data based animations. The data format is heavily inspired from the

Potato Open Sauce Project 6 Apr 26, 2022
Custom Layout with interactive add button to impove your UI and UX .

Interactive Add button layout Custom Layout with interactive add button to impove your UI and UX . the package is available here inspired from Oleg Fr

Dokkar Rachid Reda 20 Sep 13, 2021
Flutter webpage with interactive examples

Flutter Animations Cheat Sheet This is a list of animations and transitions that you can used in Flutter. Available as a webpage. The content of the p

Tomek Polański 71 Nov 11, 2022
A reactive key-value store for Flutter projects. Like shared_preferences, but with Streams.

streaming_shared_preferences A reactive key-value store for Flutter projects. streaming_shared_preferences adds reactive functionality on top of share

Iiro Krankka 244 Dec 22, 2022
A Flutter Log In Page using Flare Animations

Bear_log_in An example built using JCToon's Flare File as a custom UI component. Bear will follow the cursor as you type or move it around. Overview T

Apurv Jha 14 Oct 19, 2022
A set of transition patterns within the animations package using flutter.

Flutter Motion Transitions A fultter app to demonstrate Material motion system. Material Motion System The four main Material transition patterns are

Rafsan Ahmad 17 Oct 13, 2022
Set of basic geometric animations using Flutter available as Android App gallery

#ui, #animations, #geometry, #flutter aria Set of basic geometric animations usi

lask 22 Nov 27, 2022
🔔 A flutter package to create cool and beautiful text animations. [Flutter Favorite Package]

Animated Text Kit A flutter package which contains a collection of some cool and awesome text animations. Recommended package for text animations in C

Ayush Agarwal 1.4k Jan 6, 2023
Easily add staggered animations to your ListView, GridView, Column and Row children.

Flutter Staggered Animations Easily add staggered animations to your ListView, GridView, Column and Row children as shown in Material Design guideline

null 1.2k Jan 6, 2023
Fun canvas animations in Flutter based on time and math functions.

funvas Flutter package that allows creating canvas animations based on time and math (mostly trigonometric) functions. The name "funvas" is based on F

null 472 Jan 9, 2023
A widget for stacking cards, which users can swipe horizontally and vertically with beautiful animations.

A widget for stacking cards, which users can swipe horizontally and vertically with beautiful animations.

HeavenOSK 97 Jan 6, 2023
A catalog of beautiful, reusable and elegant animations

Animations Catalog The goal of this project is to catalog and build multiple animation patterns with flutter. Budget App Animation Harley Swipe To Enl

null 3 Sep 6, 2021
A package to create nice and smooth animations for flutter

animation_director A package to create nice and smooth animations for flutter Introduction A simple package to build beautiful and smooth animations f

null 10 Nov 28, 2022
A flutter package which will help you to generate pin code fields with beautiful design and animations

A flutter package which will help you to generate pin code fields with beautiful design and animations. Can be useful for OTP or pin code inputs ?? ??

Adar 550 Dec 23, 2022
Making drawings and animations in Flutter extremely simple

?? GraphX™ | rendering | prototype | design | Making drawings and animations in Flutter extremely simple. wiki-tips. To get some extended, boring expl

Roi Peker 382 Dec 21, 2022
My UI and Animations Challanges in Flutter/Dart

ui_challenges Comecei com essa challange, por causa do novo emprego preciso de praticar muito mais animações e telas, toda semana uma UI Nova com o te

Geek Fabio 25 Sep 4, 2022
Orchestrate multiple animations with ease.

flutter_sequence_animation Features No need to use intervals and calculate percentages for your total animation time. Animate the same variable with m

Norbert Kozsir 381 Dec 27, 2022