This repository is a personal lab for exploring motion in React Native. It focuses on recreating real-world UI patterns and motion effects — animations, interactions, transitions, gesture-driven movements, and any interface elements that move. Through small, focused prototypes, it's a space for technical curiosity and hands-on learning.
If you haven't already set up a React Native environment, follow the set-up-your-environment.
npm install
cd ios && pod install && cd ..
- ios
npm run ios
- android
npm run android
Particle system with touch and drag. Particles are distributed using Poisson disk sampling for natural spacing.
particle-effect.mp4
A tuner-style slider with snap-to-value functionality. Snaps to discrete values (0-100 in steps of 5) with smooth scrolling and momentum-based selection.
Slider.mp4
Swaps inline text on touch
Simulator.Screen.Recording.-.iPhone.16.Pro.-.2025-04-18.at.23.58.10.mp4
Circular ripple animation triggered by background touch