https://github.com/Shubham0812/SwiftUI-Animations

A repository containing a variety of animations and Animated components created in SwiftUI that you can use in your own projects.
https://github.com/Shubham0812/SwiftUI-Animations

ios iosdev open-source swift swiftui

Last synced: 7 months ago
JSON representation

A repository containing a variety of animations and Animated components created in SwiftUI that you can use in your own projects.

• Host: GitHub
• URL: https://github.com/Shubham0812/SwiftUI-Animations
• Owner: Shubham0812
• License: apache-2.0
• Created: 2020-08-06T13:43:07.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-09-02T12:04:17.000Z (about 1 year ago)
• Last Synced: 2025-03-20T20:32:46.176Z (8 months ago)
• Topics: ios, iosdev, open-source, swift, swiftui
• Language: Swift
• Homepage:
• Size: 15.1 MB
• Stars: 1,914
• Watchers: 103
• Forks: 196
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-swiftui - SwiftUI-Animations - 核心优势：包含100+实战动画案例（如渐入、缩放、路径动画），可直接复制代码到项目中修改。 (四、开源库精选（解决80%开发场景，附核心优势） / 4. 动画与交互)
• awesome-swiftui - SwiftUI-Animations - 丰富的动画案例。 (开源库精选 / 动画)

README

          
# SwiftUI-Animations

Animations created with SwiftUI.

![platform](https://img.shields.io/badge/platform-iOS-orange)

[![GitHub license](https://img.shields.io/badge/License-Apache2.0-blue.svg)](LICENSE)

![Repository size](https://img.shields.io/github/repo-size/shubham0812/SwiftUI-Animations)

![GitHub stars](https://img.shields.io/github/stars/shubham0812/SwiftUI-Animations?style=social)

![GitHub forks](https://img.shields.io/github/forks/shubham0812/SwiftUI-Animations?style=social)

![GitHub follow](https://img.shields.io/github/followers/shubham0812?style=social)

![visitors](https://visitor-badge.laobi.icu/badge?page_id=shubham0812)

Hello there, I'm Shubham and in this repository, I'll be posting the code for the animations that you see on my Instagram 

    [**@shubham_iosdev**](https://www.instagram.com/shubham_iosdev/).

    

I hope you'll learn something new and use these animations and concepts to achieve great effects and more for your apps.

If you like my work, and would like to see more content you can follow me here - 

## Reach me via 👇🏻

[![Instagram](https://raw.githubusercontent.com/Shubham0812/SearchX/master/insta.png)](https://www.instagram.com/shubham_iosdev/) [![Linkedin](https://raw.githubusercontent.com/Shubham0812/SearchX/master/linkedIn.png)](https://www.linkedin.com/in/shubham0812/)

## Animations

#### Add to cart button

![Cart view](https://raw.githubusercontent.com/Shubham0812/SwiftUI-Animations/master/SwiftUI-Animations/GIFs/cart.gif?token=AEX3IM6G5W5E5SXZNCXDOAK7FQLG2)

[**Link for Code**](https://github.com/Shubham0812/SwiftUI-Animations/tree/master/SwiftUI-Animations/Code/Animations/Cart)

#### Chat Bar Animation

![Chat Bar](https://raw.githubusercontent.com/Shubham0812/SwiftUI-Animations/master/SwiftUI-Animations/GIFs/chat-bar.gif)

[**Link for Code**](https://github.com/Shubham0812/SwiftUI-Animations/tree/master/SwiftUI-Animations/Code/Animations/ChatBar)

#### Wi-Fi connectivity Animation

![Wi-Fi Signal](https://raw.githubusercontent.com/Shubham0812/SwiftUI-Animations/master/SwiftUI-Animations/GIFs/wifi.gif)

[**Link for Code**](https://github.com/Shubham0812/SwiftUI-Animations/tree/master/SwiftUI-Animations/Code/Animations/Wifi)

#### Loader Animation

![Loader](https://github.com/Shubham0812/SwiftUI-Animations/blob/master/SwiftUI-Animations/GIFs/loader.gif)

[**Link for Code**](https://github.com/Shubham0812/SwiftUI-Animations/tree/master/SwiftUI-Animations/Code/Animations/Loader)

#### AddItem Animation

![addItem](https://raw.githubusercontent.com/Shubham0812/SwiftUI-Animations/master/SwiftUI-Animations/GIFs/addView.gif)

[**Link for Code**]https://github.com/Shubham0812/SwiftUI-Animations/tree/master/SwiftUI-Animations/Code/Animations/AddView)

#### Circle Loader

![circle loader](https://raw.githubusercontent.com/Shubham0812/SwiftUI-Animations/master/SwiftUI-Animations/GIFs/circle-loader.gif)

[**Link for Code**](https://github.com/Shubham0812/SwiftUI-Animations/tree/master/SwiftUI-Animations/Code/Animations/CircleLoader)

#### Pill Loader

![pill loader](https://raw.githubusercontent.com/Shubham0812/SwiftUI-Animations/master/SwiftUI-Animations/GIFs/pill-loader.gif)

[**Link for Code**](https://github.com/Shubham0812/SwiftUI-Animations/tree/master/SwiftUI-Animations/Code/Animations/PillLoader)

#### Like

![like](https://raw.githubusercontent.com/Shubham0812/SwiftUI-Animations/master/SwiftUI-Animations/GIFs/likeVIew.gif)

[**Link for Code**](https://github.com/Shubham0812/SwiftUI-Animations/tree/master/SwiftUI-Animations/Code/Animations/Like)

#### Submit Button

![submitButton](https://raw.githubusercontent.com/Shubham0812/SwiftUI-Animations/master/SwiftUI-Animations/GIFs/submit-button.gif)

[**Link for Code**](https://github.com/Shubham0812/SwiftUI-Animations/tree/master/SwiftUI-Animations/Code/Animations/SubmitView)

#### Github Octocat Loader

![octocatLoader](https://raw.githubusercontent.com/Shubham0812/SwiftUI-Animations/master/SwiftUI-Animations/GIFs/github-loader.gif)

[**Link for Code**](https://github.com/Shubham0812/SwiftUI-Animations/tree/master/SwiftUI-Animations/Code/Animations/GithubLoader)

#### 3-D Rotating Loader

![rotatingLoader](https://raw.githubusercontent.com/Shubham0812/SwiftUI-Animations/master/SwiftUI-Animations/GIFs/3-d-Loader.gif)

[**Link for Code**](https://github.com/Shubham0812/SwiftUI-Animations/tree/master/SwiftUI-Animations/Code/Animations/3dLoader)

#### Animated Login Flow

![rotatingLoader](https://raw.githubusercontent.com/Shubham0812/SwiftUI-Animations/master/SwiftUI-Animations/GIFs/login.gif)

[**Link for Code**](https://github.com/Shubham0812/SwiftUI-Animations/tree/master/SwiftUI-Animations/Code/Animations/LoginView)

#### Book loading Animation

![bookLoadingAnimation](https://raw.githubusercontent.com/Shubham0812/SwiftUI-Animations/master/SwiftUI-Animations/GIFs/book-loader.gif)

[**Link for Code**](https://github.com/Shubham0812/SwiftUI-Animations/tree/master/SwiftUI-Animations/Code/Animations/BookLoader)

#### Card Viewer Animation

![cardAnimation](https://github.com/Shubham0812/SwiftUI-Animations/blob/master/SwiftUI-Animations/GIFs/cards.gif)

[**Link for Code**](https://github.com/Shubham0812/SwiftUI-Animations/tree/master/SwiftUI-Animations/Code/Animations/Bank%20Card)

#### Infinity Loader

![infinityLoader](https://github.com/Shubham0812/SwiftUI-Animations/blob/master/SwiftUI-Animations/GIFs/infinity.gif)

[**Link for Code**](https://github.com/Shubham0812/SwiftUI-Animations/tree/master/SwiftUI-Animations/Code/Animations/InfinityLoader)

#### Light Switch

![lightswitch](https://github.com/Shubham0812/SwiftUI-Animations/blob/master/SwiftUI-Animations/GIFs/lightswitch.gif?raw=true)

[**Link for Code**](https://github.com/Shubham0812/SwiftUI-Animations/tree/master/SwiftUI-Animations/Code/Animations/LightSwitch)

#### Spinning Loader

![spinningLoader](https://github.com/Shubham0812/SwiftUI-Animations/blob/master/SwiftUI-Animations/GIFs/spinningloader.gif)

[**Link for Code**](https://github.com/Shubham0812/SwiftUI-Animations/tree/master/SwiftUI-Animations/Code/Animations/SpinningLoader)

#### Download Button

![downloadButton](https://raw.githubusercontent.com/Shubham0812/SwiftUI-Animations/master/SwiftUI-Animations/GIFs/downloadButton.gif)

[**Link for Code**](https://github.com/Shubham0812/SwiftUI-Animations/tree/master/SwiftUI-Animations/Code/Animations/DownloadButton)

#### Triangle Loader

![triangleLoader](https://raw.githubusercontent.com/Shubham0812/SwiftUI-Animations/master/SwiftUI-Animations/GIFs/triLoader.gif)

[**Link for Code**](https://github.com/Shubham0812/SwiftUI-Animations/tree/master/SwiftUI-Animations/Code/Animations/TriangleLoader)

## Spread the word!

Liked the project? Just give it a star ⭐️ and spread the word!

## Credits

© Shubham Kumar Singh | 2021