SwiftUIAnimationTutorials
This repository was created for animation tutorials. { SwiftUI, Animation}
Install / Use
/learn @hamitseyrek/SwiftUIAnimationTutorialsREADME
SwiftUI Apps
'SwiftUI Apps' application that made with SwiftUI, which includes many sample applications, was made by Hamit Seyrek, the founder of the CodemVia community that on a voluntary basis. SwiftUI App has been developed using O'Reilly Media, Kavsoft and many other internet resources.
App | Info | Screenshots | Gif --- |--- | --- |--- #App 1 | Gears and Belts <br/>(animation) <br/>| <img src="readmeData/GearsAndBeltsView.png" alt="screen1" style="width:220px;"/> | <img src="readmeData/GearsAndBeltsView.gif" alt="gif1" style="width:220px;"/> | #App 2 | Wifi Loading <br/>(animation) <br/>| <img src="readmeData/WifiLoading.png" alt="screen1" style="width:220px;"/> | <img src="readmeData/WifiLoading.gif" alt="gif1" style="width:220px;"/> | #App 3 | Light Switch <br/>(animation) <br/>| <img src="readmeData/LightSwitchView.png" alt="screen1" style="width:220px;"/> | <img src="readmeData/LightSwitchView.gif" alt="gif1" style="width:220px;"/> | #App 4 | Expand Button <br/>(animation) <br/>| <img src="readmeData/ExpandButtonView.png" alt="screen1" style="width:220px;"/> | <img src="readmeData/ExpandButtonView.gif" alt="gif1" style="width:220px;"/> | #App 5 | Heart Animate <br/>(animation) <br/>| <img src="readmeData/HeartAnimateView.png" alt="screen1" style="width:220px;"/> | <img src="readmeData/HeartAnimateView.gif" alt="gif1" style="width:220px;"/> | #App 6 | Weather Graph <br/>(animation) <br/>| <img src="readmeData/WeatherGraphAnimationView.png" alt="screen1" style="width:220px;"/> | <img src="readmeData/WeatherGraphAnimationView.gif" alt="gif1" style="width:220px;"/> | #App 7 | Twinkling Stars <br/>(animation) <br/>| <img src="readmeData/TwinklingStarsView.png" alt="screen1" style="width:220px;"/> | <img src="readmeData/TwinklingStarsView.gif" alt="gif1" style="width:220px;"/> | #App 8 | Swinging Girl <br/>(animation) <br/>| <img src="readmeData/SwingingView.png" alt="screen1" style="width:220px;"/> | <img src="readmeData/SwingingView.gif" alt="gif1" style="width:220px;"/> | #App 9 | Slide Card <br/>(animation) <br/>| <img src="readmeData/SliderCardView.png" alt="screen1" style="width:220px;"/> | <img src="readmeData/SliderCardView.gif" alt="gif1" style="width:220px;"/> | #App 10 | Elevator App <br/>(animation) <br/>| <img src="readmeData/ElevatorAppView.png" alt="screen1" style="width:220px;"/> | <img src="readmeData/ElevatorAppView.gif" alt="gif1" style="width:220px;"/> | #App 11 | Parallax Effect <br/>(animation) <br/>| <img src="readmeData/ParallaxEffectView.png" alt="screen1" style="width:220px;"/> | <img src="readmeData/ParallaxEffectView.gif" alt="gif1" style="width:220px;"/> | #App 12 | Wawes <br/>(animation) <br/>| <img src="readmeData/WawesView.png" alt="screen1" style="width:220px;"/> | <img src="readmeData/WawesView.gif" alt="gif1" style="width:220px;"/> | #App 13 | Fly And Dismiss <br/>(animation) <br/>| <img src="readmeData/FlyPresentDismissTransitionView.png" alt="screen1" style="width:220px;"/> | <img src="readmeData/FlyPresentDismissTransitionView.gif" alt="gif1" style="width:220px;"/> | #App 14 | Huge Rotation <br/>(animation) <br/>| <img src="readmeData/HugeRotationView.png" alt="screen1" style="width:220px;"/> | <img src="readmeData/HugeRotationView.gif" alt="gif1" style="width:220px;"/> | #App 15 | Bubble SpriteKit <br/>(animation) <br/>| <img src="readmeData/BubbleSpriteKitView.png" alt="screen1" style="width:220px;"/> | <img src="readmeData/BubbleSpriteKitView.gif" alt="gif1" style="width:220px;"/> | #App 16 | Flying Bird <br/>(animation) <br/>| <img src="readmeData/FlyingBirdView.png" alt="screen1" style="width:220px;"/> | <img src="readmeData/FlyingBirdView.gif" alt="gif1" style="width:220px;"/> | #App 17 | Breathing Flower <br/>(animation) <br/>| <img src="readmeData/BreathingFlowerView.png" alt="screen1" style="width:220px;"/> | <img src="readmeData/BreathingFlowerView.gif" alt="gif1" style="width:220px;"/> | #App 18 | FunColor Rotation <br/>(animation) <br/>| <img src="readmeData/FunColorRotationView.png" alt="screen1" style="width:220px;"/> | <img src="readmeData/FunColorRotationView.gif" alt="gif1" style="width:220px;"/> | #App 19 | Record Player <br/>(animation) <br/>| <img src="readmeData/RecordPlayerView.png" alt="screen1" style="width:220px;"/> | <img src="readmeData/RecordPlayerView.gif" alt="gif1" style="width:220px;"/> | #App 20 | Circle Animation <br/>(animation) <br/>| <img src="readmeData/CircleAnimationView.png" alt="screen1" style="width:220px;"/> | <img src="readmeData/CircleAnimationView.gif" alt="gif1" style="width:220px;"/> |
Related Skills
node-connect
346.8kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
107.6kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
346.8kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
346.8kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
