Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: about 4 hours ago
JSON representation

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

Awesome Lists containing this project

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