App design reference libraries

21 resources to explore

Study real screens, onboarding journeys, and interactions. Look beyond a single beautiful screen to understand the task and the states around it.

Preview of AppKittie

AppKittie

Mobile app research · Onboarding reference discovery

Browser
Preview of Appshots

Appshots

Mobile UI research · Onboarding references

Browser
Preview of Pttrns

Pttrns

Mobile patterns · Screen research

Browser
Preview of PaywallPro

PaywallPro

Paywall comparisons · Onboarding sequences

Markdown

Choosing app and UX references

Start with a task such as onboarding, checkout or account setup. Follow the steps and states around a screen so a polished layout does not hide a missing interaction.

  • Look for relevant platforms and user journeys. Mobile screens, web apps and marketing pages are related references with different constraints.
  • Check whether the library documents full flows, search, saving or a native agent connector. Confirm account and plan requirements before integrating it.
  • Turn the reference into a brief that names the user action, empty state, error state and success state you need to support.

Explore the agent toolkit or ask the free agent skill for a shortlist.