Confetti Playground 🎉

An interactive React Native animation showcase featuring draggable tiles and celebratory confetti effects. Built with Reanimated and Skia for smooth, performant animations.

✨ Features

• 🎯 Draggable tiles with spring animations
• 🎨 Dynamic color transitions
• 📱 Haptic feedback for enhanced interaction
• 🎊 Particle-based confetti celebrations
• ⚡️ Optimized performance with Skia

🛠 Dependencies

• React Native Reanimated
• React Native Gesture Handler
• @shopify/react-native-skia
• Expo Haptics

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/akshayjadhav4/confetti-playground.git

2. Install dependencies:

   cd confetti-playground && npm install

📱 Running App

iOS:

npm run ios

Android:

npm run android

⚙️ Customization

Confetti Settings

Fine-tune the celebration effect in components/Confetti.tsx:

• Number of particles
• Spread pattern and velocity
• Animation timing
• Particle dimensions

Tile Properties

Adjust tile behavior in components/PlaygroundTile.tsx:

• Dimensions and layout
• Spring animation physics
• Rotation dynamics
• Initial positions

🎥 Demo

🙌 Credits

• Inspired by Toni Lijic's animation on X (formerly Twitter).
• Confetti Rotation Reference