Mahdi Davoodi

bottom-sheet-stepper. A lightweight and customizable stepper component for React Native, built on top of @gorhom/bottom-sheet. Easily manage multi-step flows in a modal bottom sheet with smooth animations and full control.

expo-apple-music-bottom-sheet. 🎵 Apple Music–style animated bottom sheet built with Expo, Reanimated v3, and @gorhom/bottom-sheet.

draggable-video-control. A draggable video player built with Expo, featuring smooth spring animations, glass-effect controls, and playful skip buttons that detach as you drag the main play button.

telegram-join-animation. A Telegram-style join animation built with React Native, Skia, and Reanimated. Smooth pop-in effect for user avatars.

split-to-edit-interaction. A smooth split to edit interaction built with React Native and Reanimated. Animated widths, rounded corners and an editable state transition that feels fast and natural on both iOS and Android.

expo-image-compare. A customizable before-after image comparison slider for React Native & Expo using Reanimated v3.

expo-apple-mail-tabs. A smooth and interactive animated tab bar inspired by Apple’s Mail app, built with React Native, Reanimated, and Expo. Perfect as a starting point to create engaging navigation experiences in your mobile apps.

expo-parallax-background. Expo Parallax Gyroscope Effect is an Expo-based React Native project that creates a dynamic parallax effect using images and the device’s gyroscope sensor. It produces a realistic sense of depth by having layers move at varying speeds with smooth, sensor-driven animations—all built in TypeScript.

expo-world-clock. TypeScript

expo-camera-masked-blur. Frosted camera cutout UI demo built with Expo Camera, MaskedView, and BlurView