[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-7069":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":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":23,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":32,"readmeContent":33,"aiSummary":34,"trendingCount":16,"starSnapshotCount":16,"syncStatus":17,"lastSyncTime":35,"discoverSource":36},7069,"SwiftUI-Animations","Shubham0812\u002FSwiftUI-Animations","Shubham0812","A repository containing a variety of animations and Animated components created in SwiftUI that you can use in your own projects.","",null,"Swift",2863,272,93,4,0,2,5,49,6,70.71,"Apache License 2.0",false,"master",true,[27,28,29,30,31],"ios","iosdev","open-source","swift","swiftui","2026-06-12 04:00:32","\u003Cdiv align=\"center\">\n\n# SwiftUI Animations\n\n**A growing collection of polished SwiftUI animations, ready to drop into your iOS apps.**\n\n![Swift](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FSwift-5.0+-FA7343?style=for-the-badge&logo=swift&logoColor=white)\n![SwiftUI](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FSwiftUI-blue?style=for-the-badge&logo=swift&logoColor=white)\n![Platform](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPlatform-iOS%2017.0+-lightgrey?style=for-the-badge&logo=apple&logoColor=white)\n![License](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-Apache%202.0-green?style=for-the-badge)\n[![Build](https:\u002F\u002Fgithub.com\u002FShubham0812\u002FSwiftUI-Animations\u002Factions\u002Fworkflows\u002Fbuild.yml\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002FShubham0812\u002FSwiftUI-Animations\u002Factions\u002Fworkflows\u002Fbuild.yml)\n\n[![GitHub stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fshubham0812\u002FSwiftUI-Animations?style=social)](https:\u002F\u002Fgithub.com\u002FShubham0812\u002FSwiftUI-Animations\u002Fstargazers)\n[![GitHub forks](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002Fshubham0812\u002FSwiftUI-Animations?style=social)](https:\u002F\u002Fgithub.com\u002FShubham0812\u002FSwiftUI-Animations\u002Fnetwork\u002Fmembers)\n[![GitHub followers](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Ffollowers\u002Fshubham0812?style=social)](https:\u002F\u002Fgithub.com\u002FShubham0812)\n\n\u003C\u002Fdiv>\n\n---\n\n## Overview\n\nThis repository contains **23+ custom SwiftUI animations** and **Metal shaders** — from loaders and toggles to interactive UI components and GPU-powered visual effects — all built entirely with SwiftUI. Each animation lives in its own self-contained folder with all the source code you need to integrate it into your project.\n\n## Table of Contents\n\n- [Requirements](#requirements)\n- [Getting Started](#getting-started)\n- [Animations Gallery](#animations-gallery)\n- [Project Structure](#project-structure)\n- [How to Run](#how-to-run)\n- [Contributing](#contributing)\n- [Contributors](#contributors)\n- [Author](#author)\n- [License](#license)\n\n## Requirements\n\n| Dependency | Version |\n|------------|---------|\n| iOS        | 17.0+   |\n| Xcode      | 16.0+   |\n| Swift      | 5.0+    |\n\n## Getting Started\n\n```bash\n# Clone the repository\ngit clone https:\u002F\u002Fgithub.com\u002FShubham0812\u002FSwiftUI-Animations.git\n\n# Open in Xcode\ncd SwiftUI-Animations\nopen SwiftUI-Animations.xcodeproj\n```\n\nSelect a simulator and hit **Run** — each animation is accessible from the home screen.\n\n## Animations Gallery\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd width=\"33%\" align=\"center\">\n\n**Add to Cart**\n\n\u003Cimg src=\"SwiftUI-Animations\u002FGIFs\u002Fcart.gif\" width=\"220\"\u002F>\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FCart)\n\n\u003C\u002Ftd>\n\u003Ctd width=\"33%\" align=\"center\">\n\n**Chat Bar**\n\n\u003Cimg src=\"SwiftUI-Animations\u002FGIFs\u002Fchat-bar.gif\" width=\"220\"\u002F>\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FChatBar)\n\n\u003C\u002Ftd>\n\u003Ctd width=\"33%\" align=\"center\">\n\n**Wi-Fi Signal**\n\n\u003Cimg src=\"SwiftUI-Animations\u002FGIFs\u002Fwifi.gif\" width=\"220\"\u002F>\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FWifi)\n\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd align=\"center\">\n\n**Loader**\n\n\u003Cimg src=\"SwiftUI-Animations\u002FGIFs\u002Floader.gif\" width=\"220\"\u002F>\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FLoader)\n\n\u003C\u002Ftd>\n\u003Ctd align=\"center\">\n\n**Add Item**\n\n\u003Cimg src=\"SwiftUI-Animations\u002FGIFs\u002FaddView.gif\" width=\"220\"\u002F>\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FAddView)\n\n\u003C\u002Ftd>\n\u003Ctd align=\"center\">\n\n**Circle Loader**\n\n\u003Cimg src=\"SwiftUI-Animations\u002FGIFs\u002Fcircle-loader.gif\" width=\"220\"\u002F>\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FCircleLoader)\n\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd align=\"center\">\n\n**Pill Loader**\n\n\u003Cimg src=\"SwiftUI-Animations\u002FGIFs\u002Fpill-loader.gif\" width=\"220\"\u002F>\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FPillLoader)\n\n\u003C\u002Ftd>\n\u003Ctd align=\"center\">\n\n**Like Button**\n\n\u003Cimg src=\"SwiftUI-Animations\u002FGIFs\u002FlikeVIew.gif\" width=\"220\"\u002F>\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FLike)\n\n\u003C\u002Ftd>\n\u003Ctd align=\"center\">\n\n**Submit Button**\n\n\u003Cimg src=\"SwiftUI-Animations\u002FGIFs\u002Fsubmit-button.gif\" width=\"220\"\u002F>\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FSubmitView)\n\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd align=\"center\">\n\n**GitHub Octocat Loader**\n\n\u003Cimg src=\"SwiftUI-Animations\u002FGIFs\u002Fgithub-loader.gif\" width=\"220\"\u002F>\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FGithubLoader)\n\n\u003C\u002Ftd>\n\u003Ctd align=\"center\">\n\n**3D Rotating Loader**\n\n\u003Cimg src=\"SwiftUI-Animations\u002FGIFs\u002F3-d-Loader.gif\" width=\"220\"\u002F>\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002F3dLoader)\n\n\u003C\u002Ftd>\n\u003Ctd align=\"center\">\n\n**Animated Login**\n\n\u003Cimg src=\"SwiftUI-Animations\u002FGIFs\u002Flogin.gif\" width=\"220\"\u002F>\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FLoginView)\n\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd align=\"center\">\n\n**Book Loader**\n\n\u003Cimg src=\"SwiftUI-Animations\u002FGIFs\u002Fbook-loader.gif\" width=\"220\"\u002F>\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FBookLoader)\n\n\u003C\u002Ftd>\n\u003Ctd align=\"center\">\n\n**Card Viewer**\n\n\u003Cimg src=\"SwiftUI-Animations\u002FGIFs\u002Fcards.gif\" width=\"220\"\u002F>\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FBank%20Card)\n\n\u003C\u002Ftd>\n\u003Ctd align=\"center\">\n\n**Infinity Loader**\n\n\u003Cimg src=\"SwiftUI-Animations\u002FGIFs\u002Finfinity.gif\" width=\"220\"\u002F>\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FInfinityLoader)\n\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd align=\"center\">\n\n**Light Switch**\n\n\u003Cimg src=\"SwiftUI-Animations\u002FGIFs\u002Flightswitch.gif\" width=\"220\"\u002F>\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FLightSwitch)\n\n\u003C\u002Ftd>\n\u003Ctd align=\"center\">\n\n**Spinning Loader**\n\n\u003Cimg src=\"SwiftUI-Animations\u002FGIFs\u002Fspinningloader.gif\" width=\"220\"\u002F>\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FSpinningLoader)\n\n\u003C\u002Ftd>\n\u003Ctd align=\"center\">\n\n**Download Button**\n\n\u003Cimg src=\"SwiftUI-Animations\u002FGIFs\u002FdownloadButton.gif\" width=\"220\"\u002F>\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FDownloadButton)\n\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd align=\"center\">\n\n**Triangle Loader**\n\n\u003Cimg src=\"SwiftUI-Animations\u002FGIFs\u002FtriLoader.gif\" width=\"220\"\u002F>\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FTriangleLoader)\n\n\u003C\u002Ftd>\n\u003Ctd align=\"center\">\n\n**Octocat Wink**\n\n\u003Cimg src=\"SwiftUI-Animations\u002FGIFs\u002Foctocat-wink.gif\" width=\"220\"\u002F>\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FOctocat-Wink)\n\n\u003C\u002Ftd>\n\u003Ctd align=\"center\">\n\n**Yin-Yang Toggle**\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FYinYang-Toggle)\n\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd align=\"center\">\n\n**Text Swirl**\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FTextSwirl)\n\n\u003C\u002Ftd>\n\u003Ctd align=\"center\">\n\n**Card Swap**\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FCards%20Swap)\n\n\u003C\u002Ftd>\n\u003Ctd align=\"center\">\n\n**Scratch to Reveal**\n\n[View Code](SwiftUI-Animations\u002FCode\u002FCommon\u002FAnimations\u002FScratch%20to%20Reveal)\n\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n## Project Structure\n\n```\nSwiftUI-Animations\u002F\n├── Code\u002F\n│   ├── Common\u002F\n│   │   ├── Animations\u002F           # Each animation in its own folder\n│   │   │   ├── 3dLoader\u002F\n│   │   │   ├── AddView\u002F\n│   │   │   ├── Bank Card\u002F\n│   │   │   ├── BookLoader\u002F\n│   │   │   ├── Cards Swap\u002F\n│   │   │   ├── Cart\u002F\n│   │   │   ├── ChatBar\u002F\n│   │   │   ├── CircleLoader\u002F\n│   │   │   ├── DownloadButton\u002F\n│   │   │   ├── GithubLoader\u002F\n│   │   │   ├── InfinityLoader\u002F\n│   │   │   ├── LightSwitch\u002F\n│   │   │   ├── Like\u002F\n│   │   │   ├── Loader\u002F\n│   │   │   ├── Loader2\u002F\n│   │   │   ├── LoginView\u002F\n│   │   │   ├── Octocat-Wink\u002F\n│   │   │   ├── PillLoader\u002F\n│   │   │   ├── Scratch to Reveal\u002F\n│   │   │   ├── SpinningLoader\u002F\n│   │   │   ├── SubmitView\u002F\n│   │   │   ├── TextSwirl\u002F\n│   │   │   ├── TriangleLoader\u002F\n│   │   │   ├── Wifi\u002F\n│   │   │   └── YinYang-Toggle\u002F\n│   │   └── Shaders\u002F              # Metal shader effects\n│   │       └── Burn\u002F             # Burn transition effect (.metal + .swift)\n│   ├── Features\u002F\n│   │   ├── App\u002F                  # Root app views & coordinator\n│   │   ├── Home\u002F                 # Home screen\n│   │   │   ├── Models\u002F           # Animation item models\n│   │   │   └── Views\u002F            # Home views & support views\n│   │   ├── Shaders\u002F              # Shader showcase views\n│   │   └── Support Views\u002F        # Shared feature UI components\n│   ├── Navigation\u002F               # Router & navigation logic\n│   ├── Services\u002F                 # Haptic feedback manager\n│   └── Utils\u002F                    # Colors, fonts & helpers\n├── Assets\u002F\n│   └── Fonts\u002F                    # ClashGrotesk custom font family\n├── GIFs\u002F                         # Animation preview GIFs\n└── SwiftUI-Animations.xcodeproj\n```\n\n## How to Run\n\n1. **Clone & open**\n   ```bash\n   git clone https:\u002F\u002Fgithub.com\u002FShubham0812\u002FSwiftUI-Animations.git\n   cd SwiftUI-Animations\n   open SwiftUI-Animations.xcodeproj\n   ```\n\n2. **Select a target** — choose any iOS simulator (iPhone 14 or later recommended) from the device picker in the Xcode toolbar.\n\n3. **Build & run** — press \u003Ckbd>⌘ R\u003C\u002Fkbd> or click the **Run** button. The app launches on the home screen listing all available animations.\n\n4. **Browse an animation** — tap any card to open it full-screen and interact with it directly.\n\n5. **Jump to the source** — each animation lives in its own self-contained folder under `Code\u002FCommon\u002FAnimations\u002F`. Shader effects are under `Code\u002FCommon\u002FShaders\u002F`. Open any folder in Xcode's Project Navigator to read or copy the code.\n\n> **Tip:** Every view file includes a `PreviewProvider` \u002F `#Preview`, so you can also run individual animations directly in Xcode Previews without launching the full app — just open the file and press \u003Ckbd>⌘ ⌥ P\u003C\u002Fkbd>.\n\n## Contributing\n\nContributions are welcome! Whether it's a new animation, a bug fix, or an improvement to an existing one, feel free to open a pull request.\n\nPlease read the **[Contributing Guide](CONTRIBUTING.md)** for detailed instructions on how to get started, code style guidelines, and the pull request process.\n\n| Resource | Description |\n|----------|-------------|\n| [Contributing Guide](CONTRIBUTING.md) | How to contribute, code style, PR process |\n| [Code of Conduct](CODE_OF_CONDUCT.md) | Community standards and expectations |\n| [Security Policy](SECURITY.md) | How to report vulnerabilities |\n| [Changelog](CHANGELOG.md) | History of changes and new animations |\n\n## Contributors\n\nThanks to everyone who has helped make this project better!\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FShubham0812\u002FSwiftUI-Animations\u002Fgraphs\u002Fcontributors\">\n\n| Avatar | Name | GitHub |\n|--------|------|--------|\n| \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002FShubham0812.png\" width=\"50\" style=\"border-radius:50%\"\u002F> | Shubham Kumar Singh | [@Shubham0812](https:\u002F\u002Fgithub.com\u002FShubham0812) |\n\n\u003C\u002Fa>\n\nWant to see your name here? Check out the **[Contributing Guide](CONTRIBUTING.md)** and the full **[Contributors List](CONTRIBUTORS.md)**.\n\n---\n\n\u003Cdiv align=\"center\">\n\n## Author\n\n\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002FShubham0812.png\" width=\"100\" style=\"border-radius:50%\"\u002F>\n\n**Shubham Kumar Singh**\n\u003Cbr\u002F>\niOS Developer | SwiftUI \u002F UIKit  | Indie Developer | Open Source Contributor\n\n[![Instagram](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FInstagram-E4405F?style=for-the-badge&logo=instagram&logoColor=white)](https:\u002F\u002Fwww.instagram.com\u002Fshubham_iosdev\u002F)\n[![LinkedIn](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fshubham0812\u002F)\n[![GitHub](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FGitHub-181717?style=for-the-badge&logo=github&logoColor=white)](https:\u002F\u002Fgithub.com\u002FShubham0812)\n\n---\n\n## License\n\nThis project is licensed under the **Apache License 2.0** — see the [LICENSE](LICENSE.md) file for details.\n\nYou are free to use, modify, and distribute this project in your own apps — commercial or personal.\n\n---\n\n### Support This Project\n\nIf you found this project helpful or learned something from the source code, please consider:\n\n**[Give it a Star](https:\u002F\u002Fgithub.com\u002FShubham0812\u002FSwiftUI-Animations)** — It helps others discover the project!\n\n[![GitHub stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fshubham0812\u002FSwiftUI-Animations?style=for-the-badge&logo=github&label=Star%20this%20repo)](https:\u002F\u002Fgithub.com\u002FShubham0812\u002FSwiftUI-Animations\u002Fstargazers)\n[![GitHub forks](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002Fshubham0812\u002FSwiftUI-Animations?style=for-the-badge&logo=github&label=Fork%20it)](https:\u002F\u002Fgithub.com\u002FShubham0812\u002FSwiftUI-Animations\u002Fnetwork\u002Fmembers)\n\n**Share it with your friends and colleagues** — Let's grow the SwiftUI community together!\n\n[![Share on X](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FShare%20on-X-000000?style=for-the-badge&logo=x&logoColor=white)](https:\u002F\u002Fx.com\u002Fintent\u002Ftweet?text=Check%20out%20this%20amazing%20collection%20of%20SwiftUI%20Animations!%20%F0%9F%9A%80&url=https:\u002F\u002Fgithub.com\u002FShubham0812\u002FSwiftUI-Animations)\n[![Share on LinkedIn](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FShare%20on-LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https:\u002F\u002Fwww.linkedin.com\u002Fsharing\u002Fshare-offsite\u002F?url=https:\u002F\u002Fgithub.com\u002FShubham0812\u002FSwiftUI-Animations)\n[![Share on Reddit](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FShare%20on-Reddit-FF4500?style=for-the-badge&logo=reddit&logoColor=white)](https:\u002F\u002Fwww.reddit.com\u002Fsubmit?url=https:\u002F\u002Fgithub.com\u002FShubham0812\u002FSwiftUI-Animations&title=SwiftUI%20Animations%20-%20A%20collection%20of%2020%2B%20custom%20animations)\n\n---\n\n\u003Csub>Made with SwiftUI and lots of creativity\u003C\u002Fsub>\n\n\u003C\u002Fdiv>\n","SwiftUI-Animations 是一个包含多种动画和动态组件的仓库，专为使用 SwiftUI 构建 iOS 应用程序而设计。该项目提供了超过 23 种自定义动画和 Metal 着色器，涵盖从加载器、开关到交互式 UI 组件以及 GPU 加速视觉效果等多种类型。每种动画都独立存放于各自的文件夹中，便于开发者直接集成到自己的项目里。适用于需要提升用户界面美观度与互动性的 iOS 开发场景，特别是当目标是 iOS 17.0+ 平台时。通过采用最新的 Swift 和 SwiftUI 技术，它不仅支持快速实现复杂动画效果，还确保了代码的可维护性和扩展性。","2026-06-11 03:10:24","top_language"]