🌀 swiftui-micro-animations

A growing collection of fun, smooth, minimal SwiftUI animations — made for indie devs, side projects, and UI polish lovers.

🚀 Animation Previews

Pulse Button	Card Flip	Bouncy Tab Bar

Loading Wave (Dot Bounce)	Loading Wave (Vertical Bars)	Loading Wave (Fade)	Heart Beat

---

🧠 Why?

Micro-animations bring ✨ emotion to interfaces. They’re lightweight, elegant, and delightful 😌. They turn “this works” ✅ into “this feels amazing” 💥.

---

🔧 Tech Notes

• Built in SwiftUI 5
• Compatible with iOS 17+
• Preview GIFs included in /Previews

---

I also launched 👉 100 iOS App Ideas with MVP Scopes — if you need a new project to build, start there.

---

📬 Suggestions?

PRs welcome; got a cool micro-animation idea? Open an issue or reach out:

→ Message me: github.com/yourhandle

→ Or just fork it, remix it, and go ship something cool.

---

✨ Animations Included

• ✅ Card Flip
• ✅ Bouncy Tab Bar Icon
• ✅ Heart Beat
• ✅ Loading Wave
• ✅ Pulse Button

More coming soon...

---

📦 Usage

Each animation is a self-contained SwiftUI view — ready to drop into your own app or tweak for your needs.

Pulse Button

PulseButton(action: {
    // Your tap action
})

Card Flip

CardFlip {
    VStack {
        Text("Front")
             .font(.title)
             .foregroundColor(.white)
         }
         .frame(maxWidth: .infinity, maxHeight: .infinity)
         .background(Color.blue)
    } back: {
        VStack {
            Text("Back")
                .font(.title)
                .foregroundColor(.white)
            }
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            .background(Color.green)
    }

Bouncy Tab Bar Button

   BouncyTabBarButton(
        icon: "house.fill",
        label: "Home",
        isSelected: true
    ) {
        print("Home Tapped")
    }

Heartbeat

 heartbeatView {
     Image(systemName: "heart.fill")
        .font(.system(size: 64))
        .foregroundColor(.pink)
    }

Loading Wave - Dot Bounce

DotBounceLoadingWave()

Loading Wave - Vertical Bars

 BarSlideLoadingWave(barCount: 6, color: .orange)

Loading Wave - Fade

 BarFadeLoadingWave(barCount: 4, size: 10, color: .purple, speed: 0.3)