Appllama/top-welcome-screens

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

What it solves

This project provides a collection of high-fidelity, animated welcome and onboarding screens for React Native Expo apps. It solves the problem of developers needing polished, professional-grade entrance animations and splash screens that are often difficult to build from scratch.

How it works

The project is a UI kit consisting of 10 TypeScript components inspired by popular iOS apps (such as Duolingo and Strava). Each screen is built using React Native Reanimated for precise motion timing and responsive scaling. It includes a "ReferenceCanvas" for calibrated layout and provides specific "copy-paste prompts" that developers can feed into AI coding agents (like Cursor or Claude Code) to integrate these screens into their own existing projects without breaking their app architecture.

Who it’s for

Mobile developers using React Native and Expo who want to study professional onboarding flows or implement high-quality welcome animations in their apps.

Highlights

  • 10 UI Studies: Includes animations inspired by leading apps like Duolingo, Strava, Perplexity, and Yazio.
  • AI-Ready Integration: Provides strict prompts for coding agents to ensure clean integration into existing repositories.
  • Professional Motion: Uses React Native Reanimated with authored timelines, reduced-motion handling, and deterministic final states.
  • Educational Focus: Designed as a technical reference for studying polished mobile product flows.

Related

  • Project
    expo/skills

    A collection of official AI agent skills that provide AI coding assistants with specialized knowledge for building, deploying, and debugging Expo and React Native applications.

  • Project
    pipecat-ai/voice-ui-kit

    A React-based UI kit providing components and templates for quickly building and deploying user interfaces for Pipecat AI voice applications.

  • Project
    stackblitz/bolt-slides

    A framework for creating presentation decks as interactive web apps, enabling AI agents to generate live, responsive slides with 3D and real-time data from a single prompt.

  • Project
    callstackincubator/agent-skills

    A collection of specialized React Native knowledge bundles that can be installed into AI coding assistants to help them optimize, test, and migrate apps.