Appllama/top-welcome-screens

How top iOS apps say hello | 10 animated welcome screens inspired by top-earning apps. Rebuilt in React Native + Expo.

해결하는 문제

이 프로젝트는 React Native Expo 앱을 위한 고정밀 애니메이션 환영 및 온보딩 화면 컬렉션을 제공합니다. 개발자가 처음부터 구축하기 어려운 세련되고 전문적인 수준의 진입 애니메이션 및 스플래시 화면이 필요한 문제를 해결합니다.

작동 방식

이 프로젝트는 인기 있는 iOS 앱(Duolingo 및 Strava 등)에서 영감을 얻은 10개의 TypeScript 컴포넌트로 구성된 UI 키트입니다. 각 화면은 정밀한 모션 타이밍과 반응형 스케일링을 위해 React Native Reanimated를 사용하여 구축되었습니다. 보정된 레이아웃을 위한 "ReferenceCanvas"가 포함되어 있으며, 개발자가 앱 아키텍처를 깨뜨리지 않고 기존 프로젝트에 이러한 화면을 통합할 수 있도록 AI 코딩 에이전트(Cursor 또는 Claude Code 등)에 입력할 수 있는 특정 "복사-붙여넣기 프롬프트"를 제공합니다.

대상

전문적인 온보딩 흐름을 학습하거나 앱에 고품질 환영 애니메이션을 구현하고자 하는 React Native 및 Expo 사용자 모바일 개발자.

주요 특징

  • 10가지 UI 스터디: Duolingo, Strava, Perplexity, Yazio와 같은 선도적인 앱에서 영감을 받은 애니메이션이 포함되어 있습니다.
  • AI 준비 완료 통합: 기존 리포지토리에 깔끔하게 통합할 수 있도록 코딩 에이전트를 위한 엄격한 프롬프트를 제공합니다.
  • 전문적인 모션: 작성된 타임라인, 동작 감소(reduced-motion) 처리 및 결정론적 최종 상태를 갖춘 React Native Reanimated를 사용합니다.
  • 교육적 초점: 세련된 모바일 제품 흐름을 학습하기 위한 기술 참조용으로 설계되었습니다.

관련

  • 프로젝트
  • 프로젝트
  • 프로젝트
  • 프로젝트