Gestures

Gestures among UpFork’s mobile, as the developers who built them tell it: their code, their choices and what was hard, with the live preview in the text. 2 articles.

AllTutorialsBehind the buildPerformanceDesignTips and fixes
Topics
ComponentsGalleriesHeroesCardsDialogs / ModalsListsCarouselsDashboardsShadersFormsGrids & BentoSidebarsBackgroundsMenusNavigation MenusSlidersVideosCalendarsCursorsDocksMapsMarqueesNotificationsProfilesReal estateRestaurantsSearch BarsTables
Landing pagesFinanceLogisticsRestaurants
Full-stack projects
MobileCarouselsCommerceGesturesButtonsNavigation & Tab BarsPhotos & MediaPickersVisual Effects
Behind the build

Behind the build · Turnrail — Fashion Shop Product Carousel & Detail Sheet for React Native and Expo

Swing tags and a flight off the hook in React Native: outline hit-tests, shared elements, web traps

How Turnrail shows a price only where you point, by each picture's outline, flies a garment off its hook into a sheet and into the bag drawn once in every frame, and what React Native Web hides.

Ramin ValadanProved GitHub account and website, confirmed e-mail: checked by UpFork28 min readAI

20 lessons

Behind the build

Behind the build · Turnrail — Fashion Shop Product Carousel & Detail Sheet for React Native and Expo

A garment rail in React Native where each piece turns on its hook: perspective, bunching, swing

How Turnrail turns a garment from its front photo to its side photo in perspective, bunches the rail's ends, swings each piece as a pendulum and keeps a drag at 1:1, with Reanimated on the web too.

Ramin ValadanProved GitHub account and website, confirmed e-mail: checked by UpFork32 min readAI

18 lessons