https://github.com/samuelayanshina/cardstackanimation

https://github.com/samuelayanshina/cardstackanimation

animation haptic-feedback interaction-design ios microinteractions mobile-ui product-design sound-effects swiftui

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/samuelayanshina/cardstackanimation
• Owner: samuelayanshina
• Created: 2025-06-21T15:39:25.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2025-06-21T16:16:45.000Z (4 months ago)
• Last Synced: 2025-06-21T16:35:21.718Z (4 months ago)
• Topics: animation, haptic-feedback, interaction-design, ios, microinteractions, mobile-ui, product-design, sound-effects, swiftui
• Language: Swift
• Homepage:
• Size: 0 Bytes
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# CardStackAnimation

A smooth and delightful SwiftUI animation demo inspired by product decision-making workflows.

This project showcases a card-stacking interface where users can swipe through feature suggestions — complete with haptic feedback, sound effects, and subtle animation layering.

---

### 🎯 Features

- ✅ **Stacked Card UI** – Swipe through feature request cards with clean layered transitions.

- ✅ **Spring Animation** – Tap to reveal the next card with buttery-smooth motion.

- ✅ **Haptic Feedback** – Instant tactile response using `CoreHaptics` to reinforce swipe decisions.

- ✅ **Sound Effects** – Subtle audio plays on accept (`success.mp3`) or reject (`fail.mp3`) to amplify interaction.

- ✅ **Microinteraction Focus** – Designed to elevate the feel of UI transitions through small but intentional feedback.

---

### 🛠️ Tech Stack

- **SwiftUI** – Declarative interface

- **CoreHaptics** – Haptic feedback engine

- **AVFoundation** – Embedded audio playback for swipe outcomes

---

### 📸 Preview

![Image](https://github.com/user-attachments/assets/073ced29-0f98-4b90-b847-e50e207ba9ed)

---

### 🚀 How to Run

1. Clone the repo:

   ```bash

   git clone https://github.com/samuelayanshina/CardStackAnimation.git

2. Open in Xcode and run on an iPhone simulator or device with sound enabled.