Duolingo spent millions building their interactive word translation screen.
Duolingo's drag-and-drop translation exercise, rebuilt in one file with Reanimated. Word tiles follow your finger, snap into the answer slots, and the remaining tiles reflow around the gap. Live-coded from scratch with hot reload running.
About this build
Duolingo's drag-and-drop translation exercise, rebuilt in one file with Reanimated. Word tiles follow your finger, snap into the answer slots, and the remaining tiles reflow around the gap. Live-coded from scratch with hot reload running.
Duolingo spent millions building their interactive word translation screen.
I rebuilt it from scratch in one file — live coding, hot reload, zero shortcuts. Watch word tiles animate into answer slots with full gesture tracking, smooth drag detection, and real-time reordering — all powered by React Native Reanimated 3. Every component built live: header, word bank, answer slots, drag logic. Hot reload fires after every save. No cuts, no templates. 🐱 Want the source code? Drop a comment and I'll share the GitHub link. What app UI should I clone next? Let me know 👇 #reactnative #mobiledevelopment #reactnativeui
I’m available for freelance & contract React Native work — apps, features, UI implementation, you name it.
