🚀 A curated collection of stunning animations, transitions, and UI effects to inspire iOS developers
CoolSwiftUIAnimations is a treasure trove of beautifully crafted SwiftUI animations and transitions. Whether you're looking for inspiration or ready-to-use components, this repository has you covered with modern, production-ready code that showcases the power of SwiftUI's animation system.
- 🎨 27 Ready-to-Use Components - Copy, paste, and customize
- 📱 iOS 18+ Optimized - Leveraging the latest SwiftUI APIs
- 🔧 Modular Architecture - Each animation is self-contained
- 📖 Well-Documented Code - Easy to understand and modify
- 🎭 Preview Support - See animations instantly in Xcode previews
| Component | Description |
|---|---|
| Coverflow Carousel | Beautiful 3D coverflow effect like Apple Music |
| Parallax Carousel | Smooth parallax scrolling effect |
| Auto Scrolling Infinite Carousel | Automatically looping carousel |
| Looping Stacked Cards | Tinder-style card stack with looping |
| Vertical Circular Carousel | Unique vertical circular scroll effect |
| Apple Books Scroll Animation | Recreating Apple Books' signature scroll |
| Scrollable Tab View | Custom tab view with smooth scrolling |
| StackedScrollView | Stacked card scroll interaction |
| Component | Description |
|---|---|
| Flip Transition | Custom 3D flip transition between views |
| Ripple Transition | Elegant ripple effect for view transitions |
| Particle Effects | Like/Star/Share button particle burst |
| Heart App Animation | Pulsing heart with particle effects |
| StaggeredView | Cascading entrance animations |
| iMessage Morph Menu Effect | Apple iMessage-style morphing menu |
| Component | Description |
|---|---|
| Slide to Confirm | Swipe-to-confirm button with shimmer |
| Animated Paging Indicators | Custom animated page indicators |
| Toasts | Beautiful toast notification system |
| Skeleton | Loading skeleton placeholder animations |
| Pull to Search | Pull-down to reveal search animation |
| App-wide Overlay | Global overlay management system |
| Component | Description |
|---|---|
| Animated Dialog Family App | Dialog-based family management UI |
| Apple Invites Onboarding | Apple-style onboarding experience |
| Task Management App | Complete task app with animations |
| Custom Paywall Using StoreKit | Animated paywall with StoreKit |
| Slack Header Animation | Slack-style collapsing header |
| TabView Offset Reader | TabView with offset tracking |
| Resizable ScrollView Header | Dynamic header resizing on scroll |
- iOS 18.0+
- Xcode 16.0+
- Swift 6.0+
git clone https://github.com/naykutguven/CoolSwiftUIAnimations.git- Open
CoolSwiftUIAnimations.xcodeprojin Xcode - Select your target device or simulator
- Build and run (⌘ + R)
Each animation is self-contained in its own folder. Simply:
- Navigate to the component you want
- Copy the Swift file(s) to your project
- Customize colors, sizes, and timing to match your design system
Image(systemName: "heart.fill")
.particleEffect(
systemImage: "heart.fill",
status: isLiked,
activeTint: .pink,
inactiveTint: .gray
)CardView()
.transition(.flip)SlideToConfirmButton(
config: .init(
idleText: "Swipe to Pay",
onSwipeText: "Keep Sliding...",
confirmationText: "Confirmed!",
tint: .green,
foreground: .white
)
) {
// Handle confirmation
}Contributions are welcome! If you have a cool animation to share:
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingAnimation) - Commit your changes (
git commit -m 'Add AmazingAnimation') - Push to the branch (
git push origin feature/AmazingAnimation) - Open a Pull Request
This project is licensed under the Apache License 2.0 - see the LICENSE file for details.
If this project helped you, please consider giving it a ⭐ on GitHub!
Made with ❤️ for the iOS community