[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-6820":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":21,"hasPages":21,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":16,"starSnapshotCount":16,"syncStatus":34,"lastSyncTime":35,"discoverSource":36},6820,"SwiftUI","ivanvorobei\u002FSwiftUI","ivanvorobei","Examples projects using SwiftUI released by WWDC2019. Include Layout, UI, Animations, Gestures, Draw and Data.","https:\u002F\u002Fopensource.ivanvorobei.by",null,"Swift",5611,574,138,7,0,1,11,39.28,"MIT License",false,"master",[24,25,26,27,28,29,30],"animate","composing-complex-interfaces","interface","swiftui","swiftui-animations","swiftui-controls","swiftui-sidemenu","2026-06-12 02:01:30","## `SwiftUI` Examples\n\n\u003Cimg align=\"left\" src=\"Previews\u002Fanimatable-cards.gif\" width=\"280\">\n\n### About\n\nExamples projects using `SwiftUI` & `Combine`.  \nInclude Layout, UI, Animations, Gestures, Draw and Data.\n\nSee projects files in `Files` & `Other Projects` folders. If you have project, make a pull request or create issue with link to repo.\n\nInterested in UI and animations in `UIKit`?  \nSee [awesome-ios-ui](https:\u002F\u002Fgithub.com\u002Fivanvorobei\u002Fawesome-ios-ui) pack with UI elements.\n\nIf you like the project, don't forget to `put star ★` and follow me on GitHub:\n\n### Community\n\n\u003Cp float=\"left\">\n    \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fsparrowcode_en\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.sparrowcode.io\u002Fgithub%2Fbadges%2Ftwitter.png?version=4\" height=\"52\">\n    \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Ft.me\u002Fsparrowcode_en\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.sparrowcode.io\u002Fgithub\u002Fbadges\u002Ftelegram.png?version=1\" height=\"52\">\n    \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fmastodon.social\u002F@sparrowcode_en\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.sparrowcode.io\u002Fgithub\u002Fbadges\u002Fmastodon.png?version=2\" height=\"52\">\n    \u003C\u002Fa>\n    \u003Ca href=\"#apps-using\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.sparrowcode.io\u002Fgithub\u002Fbadges\u002Fdownload-on-the-appstore.png?version=4\" height=\"52\">\n    \u003C\u002Fa>\n\u003C\u002Fp>\n\n## Navigate\n\n- [Animatable Cards](#animatable-cards)\n- [Area to Card](#area-to-card)\n\n#### Other projects\n\n- [Transition And Blur](#transition-and-blur)\n- [2048 Game](#2048-game)\n- [SFSymbols](#sfsymbols)\n- [Calculator](#calculator)\n- [Creating And Combining Views](#creating-and-combining-views)\n- [Building Lists And Navigation](#building-lists-and-navigation)\n- [Handling User Input](#handling-user-input)\n- [WWDCPlayer](#WWDCPlayer)\n- [Composing Complex Interfaces](#composing-complex-interfaces)\n- [Working With UIControls](#working-with-uicontrols)\n- [Example To-Do App](#example-to-do-app)\n- [iPadOS Scenes](#ipados-scenes)\n- [Combine using GitHub API](#combine-using-github-api)\n- [Async image loading](#async-image-loading)\n- [Interfacing With UIKit](#interfacing-with-uikit)\n- [GitHub Search](#github-search)\n- [Time Travel](#time-travel)\n- [Drawing Paths And Shapes](#drawing-paths-and-shapes)\n- [Animating Views And Transitions](#animating-views-and-transitions)\n- [Jike](#jike)\n- [Flux](#flux)\n- [PureGenius](#puregenius)\n- [SwiftUI Download Progress View](#SwiftUIDownloadView)\n- [SwiftUI SideMenu](#SwiftUI-SideMenu)\n- [SwiftUI Currency App](#SwiftUI-Currency)\n- [SwiftUI Weather App](#SwiftUI-Weather)\n- [DesignCode SwiftUI App](https:\u002F\u002Fgithub.com\u002Fmythxn\u002FDesignCode)\n- [SwiftUI SlideToOpen](#MTSlideToOpen-SwiftUI)\n- [Currency Converter & Calculator](#transition-and-blur)\n- [FlipClock-SwiftUI](#FlipClock-SwiftUI)\n- [Countdown Film Clutter](#CountdownFilmClutter-SwiftUI)\n- [SpotlightSearch](#SpotlightSearch)\n- [Growing text view in SwiftUI](#Growing-text-view-in-SwiftUI)\n- [Calculator Clone for iPadOS](https:\u002F\u002Fgithub.com\u002Fbofeiw\u002Fios-calculator-clone-for-ipados)\n- [MGFlipView](#MGFlipView)\n\nAlso include:\n- Movie\n- InstaFake\n- TempusRomanumII\n- SwiftUI + Redux\n- React Meets SwiftUI\n- Webview\n- UINote\n- SplitView\n- Card Animation\n\n## Animatable Cards\n\n\u003Cimg align=\"left\" src=\"Previews\u002Fanimatable-cards.gif\" width=\"280\">\n\n#### 3D\n\nFor add 3D rotation for back cards use code:\n\n```swift\n.rotation3DEffect(\n\tAngle(degrees: dragState.isActive ? 0 : 60), axis: (x: 10.0, y: 10.0, z: 10.0)\n )\n```\n\nFor medium card use 30 angles.\n\n#### Animation\n\nIn preview I am use `Spring` animation for all cards:\n\n```swift\n.animation(.spring())\n\n```\n\n## Area to Card\n\n\u003Cimg align=\"left\" src=\"Previews\u002Farea-to-card.gif\" width=\"280\">\n\n#### SFSymbols\n\nFor button using `SFSymbols` pack with ready-use icons. Also support customisable weight:\n\n```swift\nImage(systemName: show ? \"slash.circle.fill\" : \"slash.circle\")\n   .font(Font.title.weight(.semibold))\n```\n\n#### Button\n\nFor change state using `@State` as property:\n\n```swift\n@State var show = false\n```\n\n## Transition And Blur\n\n\u003Cimg src=\"Resources\u002FTransitionBlur.png\" width=\"700\">\n\n## 2048 Game\n\n\u003Cimg src=\"Resources\u002F2048game.png\" width=\"800\">\n\n## SFSymbols\n\n\u003Cimg src=\"Resources\u002FSFSymbols.gif\" width=\"700\">\n\n## Calculator\n\n\u003Cimg src=\"Resources\u002FCalculator.png\" width=\"250\">\n\n## Creating And Combining Views\n\n\u003Cimg src=\"Resources\u002FCreatingAndCombiningViews.png\" width=\"650\">\n\n## Building Lists And Navigation\n\n\u003Cimg src=\"Resources\u002FBuildingListsAndNavigation.png\" width=\"650\">\n\n### WWDCPlayer\n\n\u003Cimg src=\"Resources\u002FWWDCPlayer.png\" width=\"260\">\n\n### Handling User Input\n\n\u003Cimg src=\"Resources\u002FHandlingUserInput.png\" width=\"650\">\n\n### Composing Complex Interfaces\n\n\u003Cimg src=\"Resources\u002FComposingComplexInterfaces.png\" width=\"650\">\n\n### Working With UIControls\n\n\u003Cimg src=\"Resources\u002FWorkingWithUIControls.png\" width=\"650\">\n\u003Cimg src=\"Resources\u002FWorkingWithUIControls2.png\" width=\"650\">\n\n### Example To-Do App\n\n\u003Cimg src=\"Resources\u002FExampleToDoApp.png\" width=\"850\">\n\n### iPadOS Scenes\n\n\u003Cimg src=\"Resources\u002FiPadOSScenes.jpeg\" width=\"600\">\n\n### Combine using GitHub API\n\n\u003Cimg src=\"Resources\u002FCombineUsingGitHubAPI.png\" width=\"260\">\n\n### Async image loading\n\n\u003Cimg src=\"Resources\u002FAsyncImageLoading.gif\" width=\"250\">\n\n### Interfacing With UIKit\n\n\u003Cimg src=\"Resources\u002FInterfacingWithUIKit.png\" width=\"650\">\n\n### GitHub Search\n\n\u003Cimg src=\"Resources\u002FGitHubSearch.png\" width=\"270\">\n\n### Time Travel\n\n\u003Cimg src=\"Resources\u002FTimeTravel.gif\" width=\"250\">\n\n### Drawing Paths And Shapes\n\n\u003Cimg src=\"Resources\u002FDrawingPathsAndShapes.png\" width=\"650\">\n\n### Animating Views And Transitions\n\n\u003Cimg src=\"Resources\u002FAnimatingViewsAndTransitions.png\" width=\"650\">\n\n### Jike\n\n\u003Cimg src=\"Resources\u002FJike.png\" width=\"750\">\n\n### Flux\n\n\u003Cimg src=\"Resources\u002FFlux.gif\" width=\"260\">\n\n#### PureGenius\n\n\u003Cimg src=\"Resources\u002FPureGenius.gif\" width=\"260\">\n\n### SwiftUIDownloadView\n\n\u003Cimg src=\"Resources\u002FSwiftUIDownloadView.gif\" width=\"294\">\n\n### SwiftUI SideMenu\n\n[Source](https:\u002F\u002Fgithub.com\u002FVidhyadharan24\u002FSideMenu)\n\n\u003Cimg src=\"Resources\u002FSwiftUISideMenu.gif\" width=\"300\">\n\n### SwiftUI Currency\n\n[Source](https:\u002F\u002Fgithub.com\u002Falexliubj\u002FSwiftUI-Currency-Converter)\n\n\u003Cimg src=\"Resources\u002FSwiftUICurrency.png\" width=\"300\">\n\n### SwiftUI Weather\n\n[Source](https:\u002F\u002Fgithub.com\u002Fbpisano\u002FWeather) and [Tutorial](https:\u002F\u002Fmedium.com\u002Flunabee-studio\u002Fbuilding-a-weather-app-with-swiftui-4ec2743ff615)\n\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fbpisano\u002FWeather\u002Fblob\u002Fmaster\u002FImages\u002FBanner.png\" width=\"650\">\n\n### DesignCode SwiftUI\n[Source](https:\u002F\u002Fgithub.com\u002Fmythxn\u002FDesignCode\u002Ftree\u002Fmaster)\n\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fmythxn\u002FDesignCode-SwiftUI\u002Fblob\u002Fmaster\u002Fpreview.gif\" height=450>\u003Cimg src=\"https:\u002F\u002Fi.imgur.com\u002FN9HfWdD.png\" height=450>\n\n### MTSlideToOpen-SwiftUI\n[Source](https:\u002F\u002Fgithub.com\u002Flemanhtien\u002FMTSlideToOpen-SwiftUI)\n\n\u003Ca href=\"url\">\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Flemanhtien\u002FMTSlideToOpen-SwiftUI\u002Fmaster\u002Fexample.gif\" align=\"center\" height=\"500\" >\u003C\u002Fa>\n\n### Currency Converter & Calculator\n\n[Source](https:\u002F\u002Fgithub.com\u002FCurrencyConverterCalculator\u002FiosCCC)\n\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002FCurrencyConverterCalculator\u002FiosCCC\u002Fblob\u002Fmaster\u002Fdark.gif\" width=\"320px\"\u002F> \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002FCurrencyConverterCalculator\u002FiosCCC\u002Fblob\u002Fmaster\u002Flight.gif\" width=\"320px\"\u002F>\n### FlipClock-SwiftUI\n[Source](https:\u002F\u002Fgithub.com\u002Felpassion\u002FFlipClock-SwiftUI)\n\n|Light|Dark|\n|:-:|:-:|\n|\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Felpassion\u002FFlipClock-SwiftUI\u002Fblob\u002Fmaster\u002FGifs\u002Fflip_clock_light.gif\" width=\"260\">|\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Felpassion\u002FFlipClock-SwiftUI\u002Fblob\u002Fmaster\u002FGifs\u002Fflip_clock_dark.gif\" width=\"260\">|\n\n### CountdownFilmClutter-SwiftUI\n\n[Source](https:\u002F\u002Fgithub.com\u002Felpassion\u002FCountdownFilmClutter-SwiftUI)\n\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Felpassion\u002FCountdownFilmClutter-SwiftUI\u002Fblob\u002Fmaster\u002FGifs\u002Fcountdown_film_clutter.gif\">\n\n### SpotlightSearch\n[Source](https:\u002F\u002Fgithub.com\u002Fboraseoksoon\u002FSpotlightSearch)\n\n|Light|Dark|\n|:-:|:-:|\n|\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fboraseoksoon\u002FSpotlightSearch\u002Fblob\u002Fmaster\u002Fgif\u002Fwhite_theme.gif\" width=\"260\">|\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fboraseoksoon\u002FSpotlightSearch\u002Fblob\u002Fmaster\u002Fgif\u002Fdark_theme.gif\" width=\"260\">|\n\n### SwiftUI Weather App with MVVM and CoreML\n\n[Source](https:\u002F\u002Fgithub.com\u002Fnecatievrenyasar\u002FSwiftUI-WeatherApp)\n\n\u003Cimg src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F1447937\u002F72296817-96f10580-366b-11ea-957c-023efeac958f.png\" width=\"300\">\n\n### Growing text view in SwiftUI\n[Source](https:\u002F\u002Fgithub.com\u002FZaprogramiacz\u002FGrowingTextView)\n\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002FZaprogramiacz\u002FGrowingTextView\u002Fblob\u002Fmaster\u002FResources\u002Fgrowing_text_view.gif\">\n\n### MGFlipView\n[Source](https:\u002F\u002Fgithub.com\u002FZaprogramiacz\u002FMGFlipView)\n\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002FZaprogramiacz\u002FMGFlipView\u002Fblob\u002Fmaster\u002FExamples\u002Fflip_view_example.gif\">\n\n### Authors\n\nThanks for [Jinxiansen](https:\u002F\u002Fgithub.com\u002FJinxiansen), [ra1028](https:\u002F\u002Fgithub.com\u002Fra1028), [timdonnelly](https:\u002F\u002Fgithub.com\u002Ftimdonnelly), [TwoLivesLeft](https:\u002F\u002Fgithub.com\u002FTwoLivesLeft), [devxoul](https:\u002F\u002Fgithub.com\u002Fdevxoul), [cmtrounce](https:\u002F\u002Fgithub.com\u002Fcmtrounce), [unixzii](https:\u002F\u002Fgithub.com\u002Funixzii), [ra1028](https:\u002F\u002Fgithub.com\u002Fra1028) for examples project.\n\n## Other Projects\n\nI 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](https:\u002F\u002Fopensource.ivanvorobei.by) website.\u003Cbr>\nI have libraries with native interface and managing permissions. Also available pack of useful extensions for boost your development process.\n\n\u003Cp float=\"left\">\n    \u003Ca href=\"https:\u002F\u002Fopensource.ivanvorobei.by\">\n        \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fivanvorobei\u002FReadme\u002Fblob\u002Fmain\u002FButtons\u002Fmore-libraries.svg\">\n    \u003C\u002Fa>\n        \u003Ca href=\"https:\u002F\u002Fxcodeshop.ivanvorobei.by\">\n        \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fivanvorobei\u002FReadme\u002Fblob\u002Fmain\u002FButtons\u002Fxcode-shop.svg\">\n    \u003C\u002Fa>\n\u003C\u002Fp>\n\n## Russian Community\n\nПодписывайся в телеграмм-канал, если хочешь получать уведомления о новых туториалах.\u003Cbr>\nСо сложными и непонятными задачами помогут в чате.\n\n\u003Cp float=\"left\">\n    \u003Ca href=\"https:\u002F\u002Ftutorials.ivanvorobei.by\u002Ftelegram\u002Fchannel\">\n        \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fivanvorobei\u002FReadme\u002Fblob\u002Fmain\u002FButtons\u002Fopen-telegram-channel.svg\">\n    \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Ftutorials.ivanvorobei.by\u002Ftelegram\u002Fchat\">\n        \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fivanvorobei\u002FReadme\u002Fblob\u002Fmain\u002FButtons\u002Frussian-community-chat.svg\">\n    \u003C\u002Fa>\n\u003C\u002Fp>\n\nВидео-туториалы выклыдываю на [YouTube](https:\u002F\u002Ftutorials.ivanvorobei.by\u002Fyoutube):\n\n[![Tutorials on YouTube](https:\u002F\u002Fcdn.ivanvorobei.by\u002Fgithub\u002Freadme\u002Fyoutube-preview.jpg)](https:\u002F\u002Ftutorials.ivanvorobei.by\u002Fyoutube)\n","该项目提供了使用SwiftUI和Combine框架构建的一系列示例项目，涵盖了布局、用户界面、动画、手势、绘图和数据处理等功能。核心功能包括丰富的动画效果、复杂界面组合及与UIKit的交互能力。它适合iOS开发者学习和实践SwiftUI的各种特性和最佳实践，在实际开发中快速上手并创建具有吸引力的应用程序界面。通过这些示例，开发者可以深入了解如何利用SwiftUI来提高应用的视觉效果和用户体验。",2,"2026-06-11 03:09:04","top_language"]